@carbon/ibm-products 2.23.0 → 2.25.0

package/lib/components/Tearsheet/TearsheetNarrow.js

@@ -1,32 +1,29 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.deprecatedProps = exports.TearsheetNarrow = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _devtools = require("../../global/js/utils/devtools");
-var _propsHelper = require("../../global/js/utils/props-helper");
-var _settings = require("../../settings");
-var _react2 = require("@carbon/react");
-var _ActionSet = require("../ActionSet");
-var _TearsheetShell = require("./TearsheetShell");
-var _excluded = ["verticalPosition"];
 /**
- * Copyright IBM Corp. 2020, 2021
+ * Copyright IBM Corp. 2020, 2024
  *
  * 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 portions of React that are needed.
-// Other standard imports.
-// Carbon and package components we use.
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var index = require('../../node_modules/prop-types/index.js');
+var devtools = require('../../global/js/utils/devtools.js');
+var propsHelper = require('../../global/js/utils/props-helper.js');
+var settings = require('../../settings.js');
+var react = require('@carbon/react');
+var TearsheetShell = require('./TearsheetShell.js');
+var ActionSet = require('../ActionSet/ActionSet.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["verticalPosition"];
 var componentName = 'TearsheetNarrow';
 
 // NOTE: the component SCSS is not imported here: it is rolled up separately.
@@ -44,11 +41,11 @@ var defaults = {
  * A narrow tearsheet comprises 3 zones: a heading area including a title, the
  * main content area, and a set of action buttons.
  */
-var TearsheetNarrow = exports.TearsheetNarrow = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
+exports.TearsheetNarrow = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var _ref$verticalPosition = _ref.verticalPosition,
     verticalPosition = _ref$verticalPosition === void 0 ? defaults.verticalPosition : _ref$verticalPosition,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_TearsheetShell.TearsheetShell, _objectSpread(_objectSpread(_objectSpread({}, (0, _devtools.getDevtoolsProps)(componentName)), (0, _propsHelper.prepareProps)(rest, _TearsheetShell.tearsheetShellWideProps)), {}, {
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default["default"].createElement(TearsheetShell.TearsheetShell, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, devtools.getDevtoolsProps(componentName)), propsHelper.prepareProps(rest, TearsheetShell.tearsheetShellWideProps)), {}, {
     verticalPosition: verticalPosition,
     ref: ref,
     size: 'narrow'
@@ -56,12 +53,12 @@ var TearsheetNarrow = exports.TearsheetNarrow = /*#__PURE__*/_react.default.forw
 });
 
 // Return a placeholder if not released and not enabled by feature flag
-exports.TearsheetNarrow = TearsheetNarrow = _settings.pkg.checkComponentEnabled(TearsheetNarrow, componentName);
+exports.TearsheetNarrow = settings.pkg.checkComponentEnabled(exports.TearsheetNarrow, componentName);
 
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
-TearsheetNarrow.displayName = componentName;
-var deprecatedProps = exports.deprecatedProps = {
+exports.TearsheetNarrow.displayName = componentName;
+var deprecatedProps = {
   /**
    * **Deprecated**
    *
@@ -71,7 +68,7 @@ var deprecatedProps = exports.deprecatedProps = {
    * from below. The 'lower' position (the default) provides a little extra room at the top
    * to allow an action bar navigation or breadcrumbs to also show through.
    */
-  verticalPosition: _propTypes.default.oneOf(['normal', 'lower'])
+  verticalPosition: index["default"].oneOf(['normal', 'lower'])
 };
 
 // The types and DocGen commentary for the component props,
@@ -80,7 +77,7 @@ var deprecatedProps = exports.deprecatedProps = {
 
 // Note that the descriptions here should be kept in sync with those for the
 // corresponding props for Tearsheet and TearsheetShell components.
-TearsheetNarrow.propTypes = _objectSpread({
+exports.TearsheetNarrow.propTypes = _rollupPluginBabelHelpers.objectSpread2({
   /**
    * The navigation actions to be shown as buttons in the action area at the
    * bottom of the tearsheet. Each action is specified as an object with
@@ -94,68 +91,70 @@ TearsheetNarrow.propTypes = _objectSpread({
    *
    * See https://react.carbondesignsystem.com/?path=/docs/components-button--default#component-api
    */
-  actions: (0, _propsHelper.allPropTypes)([_ActionSet.ActionSet.validateActions(function () {
+  actions: propsHelper.allPropTypes([ActionSet.ActionSet.validateActions(function () {
     return 'lg';
-  }), _propTypes.default.arrayOf(_propTypes.default.shape(_objectSpread(_objectSpread({}, _react2.Button.propTypes), {}, {
-    kind: _propTypes.default.oneOf(['ghost', 'danger--ghost', 'secondary', 'danger', 'primary']),
-    label: _propTypes.default.string,
-    loading: _propTypes.default.bool,
+  }), index["default"].arrayOf(index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
+    kind: index["default"].oneOf(['ghost', 'danger--ghost', 'secondary', 'danger', 'primary']),
+    label: index["default"].string,
+    loading: index["default"].bool,
     // we duplicate this Button prop to improve the DocGen here
-    onClick: _react2.Button.propTypes.onClick
+    onClick: react.Button.propTypes.onClick
   })))]),
   /**
    * The aria-label for the tearsheet, which is optional.
    * if it is not passed, the title will be used as the aria-label.
    */
-  ariaLabel: _propTypes.default.string,
+  ariaLabel: index["default"].string,
   /**
    * An optional class or classes to be added to the outermost element.
    */
-  className: _propTypes.default.string,
+  className: index["default"].string,
   /**
    * The accessibility title for the close icon (if shown).
    *
    * **Note:** This prop is only required if a close icon is shown, i.e. if
    * there are a no navigation actions and/or hasCloseIcon is true.
    */
-  closeIconDescription: _propTypes.default.string.isRequired.if(function (_ref2) {
+  closeIconDescription: index["default"].string.isRequired.if(function (_ref2) {
     var actions = _ref2.actions,
       hasCloseIcon = _ref2.hasCloseIcon;
-    return (0, _TearsheetShell.tearsheetHasCloseIcon)(actions, hasCloseIcon);
+    return TearsheetShell.tearsheetHasCloseIcon(actions, hasCloseIcon);
   }),
   /**
    * A description of the flow, displayed in the header area of the tearsheet.
    */
-  description: _propTypes.default.node,
+  description: index["default"].node,
   /**
    * Enable a close icon ('x') in the header area of the tearsheet. By default,
    * a tearsheet does not display a close icon, but one should be enabled if
    * the tearsheet is read-only or has no navigation actions (sometimes called
    * a "passive tearsheet").
    */
-  hasCloseIcon: _propTypes.default.bool,
+  hasCloseIcon: index["default"].bool,
   /**
    * A label for the tearsheet, displayed in the header area of the tearsheet
    * to maintain context for the tearsheet (e.g. as the title changes from page
    * to page of a multi-page task).
    */
-  label: _propTypes.default.node,
+  label: index["default"].node,
   /**
    * An optional handler that is called when the user closes the tearsheet (by
    * clicking the close button, if enabled, or clicking outside, if enabled).
    * Returning `false` here prevents the modal from closing.
    */
-  onClose: _propTypes.default.func,
+  onClose: index["default"].func,
   /**
    * Specifies whether the tearsheet is currently open.
    */
-  open: _propTypes.default.bool,
+  open: index["default"].bool,
   /**
    * The DOM element that the tearsheet should be rendered within. Defaults to document.body.
    */
-  portalTarget: _TearsheetShell.portalType,
+  portalTarget: TearsheetShell.portalType,
   /**
    * The main title of the tearsheet, displayed in the header area.
    */
-  title: _propTypes.default.node
-}, deprecatedProps);
+  title: index["default"].node
+}, deprecatedProps);
+
+exports.deprecatedProps = deprecatedProps;

package/lib/components/Tearsheet/TearsheetShell.d.ts

@@ -0,0 +1,17 @@
+export const tearsheetShellWideProps: string[];
+export function tearsheetIsPassive(actions: any): boolean;
+export function tearsheetHasCloseIcon(actions: any, hasCloseIcon: any): any;
+/**
+ *  TearSheetShell is used internally by TearSheet and TearSheetNarrow
+ *
+ * The component is not public.
+ *
+ * See the canvas tab for the component API details.
+ * */
+export const TearsheetShell: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+export const portalType: PropTypes.Requireable<object>;
+export namespace deprecatedProps {
+    let verticalPosition: PropTypes.Requireable<string>;
+}
+import React from 'react';
+import PropTypes from 'prop-types';

package/lib/components/Tearsheet/TearsheetShell.js

@@ -1,42 +1,35 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.tearsheetShellWideProps = exports.tearsheetIsPassive = exports.tearsheetHasCloseIcon = exports.portalType = exports.deprecatedProps = exports.TearsheetShell = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _useResizeObserver2 = require("../../global/js/hooks/useResizeObserver");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _settings = require("../../settings");
-var _pconsole = _interopRequireDefault(require("../../global/js/utils/pconsole"));
-var _getNodeTextContent = require("../../global/js/utils/getNodeTextContent");
-var _react2 = require("@carbon/react");
-var _ActionSet = require("../ActionSet");
-var _Wrap = require("../../global/js/utils/Wrap");
-var _usePortalTarget = require("../../global/js/hooks/usePortalTarget");
-var _excluded = ["actions", "ariaLabel", "children", "className", "closeIconDescription", "description", "hasCloseIcon", "headerActions", "influencer", "influencerPosition", "influencerWidth", "label", "navigation", "onClose", "open", "selectorPrimaryFocus", "size", "portalTarget", "title", "verticalPosition"];
 /**
- * Copyright IBM Corp. 2020, 2023
+ * Copyright IBM Corp. 2020, 2024
  *
  * 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 portions of React that are needed.
-// Other standard imports.
-// Carbon and package components we use.
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var useResizeObserver = require('../../global/js/hooks/useResizeObserver.js');
+var index$1 = require('../../node_modules/prop-types/index.js');
+var index = require('../../node_modules/classnames/index.js');
+var settings = require('../../settings.js');
+var pconsole = require('../../global/js/utils/pconsole.js');
+var getNodeTextContent = require('../../global/js/utils/getNodeTextContent.js');
+var react = require('@carbon/react');
+var Wrap = require('../../global/js/utils/Wrap.js');
+var usePortalTarget = require('../../global/js/hooks/usePortalTarget.js');
+var ActionSet = require('../ActionSet/ActionSet.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["actions", "ariaLabel", "children", "className", "closeIconDescription", "description", "hasCloseIcon", "headerActions", "influencer", "influencerPosition", "influencerWidth", "label", "navigation", "onClose", "open", "selectorPrimaryFocus", "size", "portalTarget", "title", "verticalPosition"];
+
 // The block part of our conventional BEM class names (bc__E--M).
-var bc = "".concat(_settings.pkg.prefix, "--tearsheet");
+var bc = "".concat(settings.pkg.prefix, "--tearsheet");
 var componentName = 'TearsheetShell';
 var maxDepth = 3;
 
@@ -54,11 +47,11 @@ var stack = {
 };
 
 // these props are only applicable when size='wide'
-var tearsheetShellWideProps = exports.tearsheetShellWideProps = ['headerActions', 'influencer', 'influencerPosition', 'influencerWidth', 'navigation'];
-var tearsheetIsPassive = exports.tearsheetIsPassive = function tearsheetIsPassive(actions) {
+var tearsheetShellWideProps = ['headerActions', 'influencer', 'influencerPosition', 'influencerWidth', 'navigation'];
+var tearsheetIsPassive = function tearsheetIsPassive(actions) {
   return !actions || !(actions !== null && actions !== void 0 && actions.length);
 };
-var tearsheetHasCloseIcon = exports.tearsheetHasCloseIcon = function tearsheetHasCloseIcon(actions, hasCloseIcon) {
+var tearsheetHasCloseIcon = function tearsheetHasCloseIcon(actions, hasCloseIcon) {
   return hasCloseIcon !== null && hasCloseIcon !== void 0 ? hasCloseIcon : tearsheetIsPassive(actions);
 };
 
@@ -69,7 +62,7 @@ var tearsheetHasCloseIcon = exports.tearsheetHasCloseIcon = function tearsheetHa
  *
  * See the canvas tab for the component API details.
  * */
-var TearsheetShell = exports.TearsheetShell = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
+var TearsheetShell = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
   var actions = _ref.actions,
     ariaLabel = _ref.ariaLabel,
     children = _ref.children,
@@ -90,30 +83,30 @@ var TearsheetShell = exports.TearsheetShell = /*#__PURE__*/_react.default.forwar
     portalTargetIn = _ref.portalTarget,
     title = _ref.title,
     verticalPosition = _ref.verticalPosition,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var carbonPrefix = (0, _react2.usePrefix)();
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var carbonPrefix = react.usePrefix();
   var bcModalHeader = "".concat(carbonPrefix, "--modal-header");
-  var renderPortalUse = (0, _usePortalTarget.usePortalTarget)(portalTargetIn);
-  var localRef = (0, _react.useRef)();
-  var resizer = (0, _react.useRef)(null);
+  var renderPortalUse = usePortalTarget.usePortalTarget(portalTargetIn);
+  var localRef = React.useRef();
+  var resizer = React.useRef(null);
   var modalRef = ref || localRef;
-  var _useResizeObserver = (0, _useResizeObserver2.useResizeObserver)(resizer),
+  var _useResizeObserver = useResizeObserver.useResizeObserver(resizer),
     width = _useResizeObserver.width;
   var wide = size === 'wide';
 
   // Keep track of the stack depth and our position in it (1-based, 0=closed)
-  var _useState = (0, _react.useState)(0),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+  var _useState = React.useState(0),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     depth = _useState2[0],
     setDepth = _useState2[1];
-  var _useState3 = (0, _react.useState)(0),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+  var _useState3 = React.useState(0),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
     position = _useState4[0],
     setPosition = _useState4[1];
 
   // Keep a record of the previous value of depth.
-  var prevDepth = (0, _react.useRef)();
-  (0, _react.useEffect)(function () {
+  var prevDepth = React.useRef();
+  React.useEffect(function () {
     prevDepth.current = depth;
   });
 
@@ -141,7 +134,7 @@ var TearsheetShell = exports.TearsheetShell = /*#__PURE__*/_react.default.forwar
       return element.focus();
     }, 1);
   };
-  (0, _react.useEffect)(function () {
+  React.useEffect(function () {
     var notify = function notify() {
       return stack.all.forEach(function (handler) {
         handler(Math.min(stack.open.length, maxDepth), stack.open.indexOf(handler) + 1);
@@ -193,13 +186,13 @@ var TearsheetShell = exports.TearsheetShell = /*#__PURE__*/_react.default.forwar
 
     // Include an ActionSet if and only if one or more actions is given.
     var includeActions = actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0;
-    return renderPortalUse( /*#__PURE__*/_react.default.createElement(_react2.ComposedModal, (0, _extends2.default)({}, rest, {
-      "aria-label": ariaLabel || (0, _getNodeTextContent.getNodeTextContent)(title),
-      className: (0, _classnames.default)(bc, className, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(bc, "--stacked-").concat(position, "-of-").concat(depth),
+    return renderPortalUse( /*#__PURE__*/React__default["default"].createElement(react.ComposedModal, _rollupPluginBabelHelpers["extends"]({}, rest, {
+      "aria-label": ariaLabel || getNodeTextContent.getNodeTextContent(title),
+      className: index["default"](bc, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(bc, "--stacked-").concat(position, "-of-").concat(depth),
       // Don't apply this on the initial open of a single tearsheet.
       depth > 1 || depth === 1 && prevDepth.current > 1), "".concat(bc, "--wide"), wide), "".concat(bc, "--narrow"), !wide)),
-      style: (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "--".concat(bc, "--stacking-scale-factor-single"), (width - 32) / width), "--".concat(bc, "--stacking-scale-factor-double"), (width - 64) / width),
-      containerClassName: (0, _classnames.default)("".concat(bc, "__container"), (0, _defineProperty2.default)({}, "".concat(bc, "__container--lower"), verticalPosition === 'lower')),
+      style: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "--".concat(bc, "--stacking-scale-factor-single"), (width - 32) / width), "--".concat(bc, "--stacking-scale-factor-double"), (width - 64) / width),
+      containerClassName: index["default"]("".concat(bc, "__container"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(bc, "__container--lower"), verticalPosition === 'lower')),
       onClose: onClose,
       open: open,
       selectorPrimaryFocus: selectorPrimaryFocus,
@@ -208,59 +201,59 @@ var TearsheetShell = exports.TearsheetShell = /*#__PURE__*/_react.default.forwar
       ref: modalRef,
       selectorsFloatingMenus: [".".concat(carbonPrefix, "--overflow-menu-options"), ".".concat(carbonPrefix, "--tooltip"), '.flatpickr-calendar', ".".concat(bc, "__container")],
       size: "sm"
-    }), includeHeader && /*#__PURE__*/_react.default.createElement(_react2.ModalHeader, {
-      className: (0, _classnames.default)("".concat(bc, "__header"), (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(bc, "__header--with-close-icon"), effectiveHasCloseIcon), "".concat(bc, "__header--with-nav"), navigation)),
-      closeClassName: (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(bc, "__header--no-close-icon"), !effectiveHasCloseIcon)),
+    }), includeHeader && /*#__PURE__*/React__default["default"].createElement(react.ModalHeader, {
+      className: index["default"]("".concat(bc, "__header"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(bc, "__header--with-close-icon"), effectiveHasCloseIcon), "".concat(bc, "__header--with-nav"), navigation)),
+      closeClassName: index["default"](_rollupPluginBabelHelpers.defineProperty({}, "".concat(bc, "__header--no-close-icon"), !effectiveHasCloseIcon)),
       closeModal: onClose,
       iconDescription: closeIconDescription
-    }, /*#__PURE__*/_react.default.createElement(_Wrap.Wrap, {
+    }, /*#__PURE__*/React__default["default"].createElement(Wrap.Wrap, {
       className: "".concat(bc, "__header-content"),
-      element: wide ? _react2.Layer : undefined
-    }, /*#__PURE__*/_react.default.createElement(_Wrap.Wrap, {
+      element: wide ? react.Layer : undefined
+    }, /*#__PURE__*/React__default["default"].createElement(Wrap.Wrap, {
       className: "".concat(bc, "__header-fields")
-    }, /*#__PURE__*/_react.default.createElement(_Wrap.Wrap, {
+    }, /*#__PURE__*/React__default["default"].createElement(Wrap.Wrap, {
       element: "h2",
       className: "".concat(bcModalHeader, "__label")
-    }, label), /*#__PURE__*/_react.default.createElement(_Wrap.Wrap, {
+    }, label), /*#__PURE__*/React__default["default"].createElement(Wrap.Wrap, {
       element: "h3",
-      className: (0, _classnames.default)("".concat(bcModalHeader, "__heading"), "".concat(bc, "__heading"))
-    }, title), /*#__PURE__*/_react.default.createElement(_Wrap.Wrap, {
+      className: index["default"]("".concat(bcModalHeader, "__heading"), "".concat(bc, "__heading"))
+    }, title), /*#__PURE__*/React__default["default"].createElement(Wrap.Wrap, {
       className: "".concat(bc, "__header-description")
-    }, description)), /*#__PURE__*/_react.default.createElement(_Wrap.Wrap, {
+    }, description)), /*#__PURE__*/React__default["default"].createElement(Wrap.Wrap, {
       className: "".concat(bc, "__header-actions")
-    }, headerActions)), /*#__PURE__*/_react.default.createElement(_Wrap.Wrap, {
+    }, headerActions)), /*#__PURE__*/React__default["default"].createElement(Wrap.Wrap, {
       className: "".concat(bc, "__header-navigation")
-    }, navigation)), /*#__PURE__*/_react.default.createElement(_Wrap.Wrap, {
-      element: _react2.ModalBody,
+    }, navigation)), /*#__PURE__*/React__default["default"].createElement(Wrap.Wrap, {
+      element: react.ModalBody,
       className: "".concat(bc, "__body")
-    }, /*#__PURE__*/_react.default.createElement(_Wrap.Wrap, {
-      className: (0, _classnames.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(bc, "__influencer"), true), "".concat(bc, "__influencer--wide"), influencerWidth === 'wide')),
+    }, /*#__PURE__*/React__default["default"].createElement(Wrap.Wrap, {
+      className: index["default"](_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(bc, "__influencer"), true), "".concat(bc, "__influencer--wide"), influencerWidth === 'wide')),
       neverRender: influencerPosition === 'right'
-    }, influencer), /*#__PURE__*/_react.default.createElement(_Wrap.Wrap, {
+    }, influencer), /*#__PURE__*/React__default["default"].createElement(Wrap.Wrap, {
       className: "".concat(bc, "__right")
-    }, /*#__PURE__*/_react.default.createElement(_Wrap.Wrap, {
+    }, /*#__PURE__*/React__default["default"].createElement(Wrap.Wrap, {
       className: "".concat(bc, "__main"),
       alwaysRender: includeActions
-    }, /*#__PURE__*/_react.default.createElement(_Wrap.Wrap, {
+    }, /*#__PURE__*/React__default["default"].createElement(Wrap.Wrap, {
       className: "".concat(bc, "__content"),
       alwaysRender: influencer && influencerPosition === 'right'
-    }, children), /*#__PURE__*/_react.default.createElement(_Wrap.Wrap, {
-      className: (0, _classnames.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(bc, "__influencer"), true), "".concat(bc, "__influencer--wide"), influencerWidth === 'wide')),
+    }, children), /*#__PURE__*/React__default["default"].createElement(Wrap.Wrap, {
+      className: index["default"](_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(bc, "__influencer"), true), "".concat(bc, "__influencer--wide"), influencerWidth === 'wide')),
       neverRender: influencerPosition !== 'right'
-    }, influencer)), includeActions && /*#__PURE__*/_react.default.createElement(_Wrap.Wrap, {
+    }, influencer)), includeActions && /*#__PURE__*/React__default["default"].createElement(Wrap.Wrap, {
       className: "".concat(bc, "__button-container")
-    }, /*#__PURE__*/_react.default.createElement(_ActionSet.ActionSet, {
+    }, /*#__PURE__*/React__default["default"].createElement(ActionSet.ActionSet, {
       actions: actions,
       buttonSize: wide ? '2xl' : null,
       className: "".concat(bc, "__buttons"),
       size: wide ? '2xl' : 'lg',
       "aria-hidden": !open
-    })))), /*#__PURE__*/_react.default.createElement("div", {
+    })))), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "".concat(bc, "__resize-detector"),
       ref: resizer
     })));
   } else {
-    _pconsole.default.warn('Tearsheet not rendered: maximum stacking depth exceeded.');
+    pconsole["default"].warn('Tearsheet not rendered: maximum stacking depth exceeded.');
     return null;
   }
 });
@@ -268,8 +261,8 @@ var TearsheetShell = exports.TearsheetShell = /*#__PURE__*/_react.default.forwar
 // The display name of the component, used by React. Note that displayName
 // is used in preference to relying on function.name.
 TearsheetShell.displayName = componentName;
-var portalType = exports.portalType = typeof Element === 'undefined' ? _propTypes.default.object : _propTypes.default.instanceOf(Element);
-var deprecatedProps = exports.deprecatedProps = {
+var portalType = typeof Element === 'undefined' ? index$1["default"].object : index$1["default"].instanceOf(Element);
+var deprecatedProps = {
   /**
    * **Deprecated**
    *
@@ -279,7 +272,7 @@ var deprecatedProps = exports.deprecatedProps = {
    * from below. The 'lower' position (the default) provides a little extra room at the top
    * to allow an action bar navigation or breadcrumbs to also show through.
    */
-  verticalPosition: _propTypes.default.oneOf(['normal', 'lower'])
+  verticalPosition: index$1["default"].oneOf(['normal', 'lower'])
 };
 
 // The types and DocGen commentary for the component props,
@@ -288,7 +281,7 @@ var deprecatedProps = exports.deprecatedProps = {
 
 // Note that the descriptions here should be kept in sync with those for the
 // corresponding props for Tearsheet and TearsheetNarrow components.
-TearsheetShell.propTypes = _objectSpread({
+TearsheetShell.propTypes = _rollupPluginBabelHelpers.objectSpread2({
   /**
    * The actions to be shown as buttons in the action area at the bottom of the
    * tearsheet. Each action is specified as an object with optional fields
@@ -302,31 +295,31 @@ TearsheetShell.propTypes = _objectSpread({
    *
    * See https://react.carbondesignsystem.com/?path=/docs/components-button--default#component-api
    */
-  actions: _propTypes.default.arrayOf(
+  actions: index$1["default"].arrayOf(
   // NB we don't include the validator here, as the component wrapping this
   // one should ensure appropriate validation is done.
-  _propTypes.default.shape(_objectSpread(_objectSpread({}, _react2.Button.propTypes), {}, {
-    kind: _propTypes.default.oneOf(['ghost', 'danger--ghost', 'secondary', 'danger', 'primary']),
-    label: _propTypes.default.string,
-    loading: _propTypes.default.bool,
+  index$1["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
+    kind: index$1["default"].oneOf(['ghost', 'danger--ghost', 'secondary', 'danger', 'primary']),
+    label: index$1["default"].string,
+    loading: index$1["default"].bool,
     // we duplicate this Button prop to improve the DocGen here
-    onClick: _react2.Button.propTypes.onClick
+    onClick: react.Button.propTypes.onClick
   }))),
   /**
    * The main content of the tearsheet.
    */
-  children: _propTypes.default.node,
+  children: index$1["default"].node,
   /**
    * An optional class or classes to be added to the outermost element.
    */
-  className: _propTypes.default.string,
+  className: index$1["default"].string,
   /**
    * The accessibility title for the close icon (if shown).
    *
    * **Note:** This prop is only required if a close icon is shown, i.e. if
    * there are a no navigation actions and/or hasCloseIcon is true.
    */
-  closeIconDescription: _propTypes.default.string.isRequired.if(function (_ref3) {
+  closeIconDescription: index$1["default"].string.isRequired.if(function (_ref3) {
     var actions = _ref3.actions,
       hasCloseIcon = _ref3.hasCloseIcon;
     return tearsheetHasCloseIcon(actions, hasCloseIcon);
@@ -334,7 +327,7 @@ TearsheetShell.propTypes = _objectSpread({
   /**
    * A description of the flow, displayed in the header area of the tearsheet.
    */
-  description: _propTypes.default.node,
+  description: index$1["default"].node,
   /**
    * Enable a close icon ('x') in the header area of the tearsheet. By default,
    * (when this prop is omitted, or undefined or null) a tearsheet does not
@@ -343,52 +336,52 @@ TearsheetShell.propTypes = _objectSpread({
    * tearsheet"), and that behavior can be overridden if required by setting
    * this prop to either true or false.
    */
-  hasCloseIcon: _propTypes.default.bool,
+  hasCloseIcon: index$1["default"].bool,
   /**
    * The content for the header actions area, displayed alongside the title in
    * the header area of the tearsheet. This is typically a drop-down, or a set
    * of small buttons, or similar. NB the headerActions is only applicable for
    * wide tearsheets.
    */
-  headerActions: _propTypes.default.element,
+  headerActions: index$1["default"].element,
   /**
    * The content for the influencer section of the tearsheet, displayed
    * alongside the main content. This is typically a menu, or filter, or
    * progress indicator, or similar. NB the influencer is only applicable for
    * wide tearsheets.
    */
-  influencer: _propTypes.default.element,
+  influencer: index$1["default"].element,
   /**
    * The position of the influencer section, 'left' or 'right'.
    */
-  influencerPosition: _propTypes.default.oneOf(['left', 'right']),
+  influencerPosition: index$1["default"].oneOf(['left', 'right']),
   /**
    * The width of the influencer: 'narrow' (the default) is 256px, and 'wide'
    * is 320px.
    */
-  influencerWidth: _propTypes.default.oneOf(['narrow', 'wide']),
+  influencerWidth: index$1["default"].oneOf(['narrow', 'wide']),
   /**
    * A label for the tearsheet, displayed in the header area of the tearsheet
    * to maintain context for the tearsheet (e.g. as the title changes from page
    * to page of a multi-page task).
    */
-  label: _propTypes.default.node,
+  label: index$1["default"].node,
   /**
    * Navigation content, such as a set of tabs, to be displayed at the bottom
    * of the header area of the tearsheet. NB the navigation is only applicable
    * for wide tearsheets.
    */
-  navigation: _propTypes.default.element,
+  navigation: index$1["default"].element,
   /**
    * An optional handler that is called when the user closes the tearsheet (by
    * clicking the close button, if enabled, or clicking outside, if enabled).
    * Returning `false` here prevents the modal from closing.
    */
-  onClose: _propTypes.default.func,
+  onClose: index$1["default"].func,
   /**
    * Specifies whether the tearsheet is currently open.
    */
-  open: _propTypes.default.bool,
+  open: index$1["default"].bool,
   /**
    * The DOM element that the tearsheet should be rendered within. Defaults to document.body.
    */
@@ -396,9 +389,16 @@ TearsheetShell.propTypes = _objectSpread({
   /**
    * Specifies the width of the tearsheet, 'narrow' or 'wide'.
    */
-  size: _propTypes.default.oneOf(['narrow', 'wide']).isRequired,
+  size: index$1["default"].oneOf(['narrow', 'wide']).isRequired,
   /**
    * The main title of the tearsheet, displayed in the header area.
    */
-  title: _propTypes.default.node
-}, deprecatedProps);
+  title: index$1["default"].node
+}, deprecatedProps);
+
+exports.TearsheetShell = TearsheetShell;
+exports.deprecatedProps = deprecatedProps;
+exports.portalType = portalType;
+exports.tearsheetHasCloseIcon = tearsheetHasCloseIcon;
+exports.tearsheetIsPassive = tearsheetIsPassive;
+exports.tearsheetShellWideProps = tearsheetShellWideProps;

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

@@ -0,0 +1,2 @@
+export { Tearsheet } from "./Tearsheet";
+export { TearsheetNarrow } from "./TearsheetNarrow";

package/lib/components/Toolbar/Toolbar.d.ts

@@ -0,0 +1,6 @@
+export const blockClass: string;
+export const componentName: "Toolbar";
+/** Toolbars are a collection of action items that organize a program’s interaction patterns into a series of closely related commands. */
+export let Toolbar: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+export const ToolbarContext: React.Context<any>;
+import React from 'react';