@carbon/ibm-products 2.50.0 → 2.51.0

package/lib/components/CreateInfluencer/CreateInfluencer.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var index = require('../../node_modules/prop-types/index.js');
 var cx = require('classnames');
@@ -16,11 +14,6 @@ var react = require('@carbon/react');
 require('../../global/js/utils/props-helper.js');
 var settings = require('../../settings.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 // Import portions of React that are needed.
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -56,19 +49,19 @@ var CreateInfluencer = function CreateInfluencer(_ref) {
     // we need to subtract the number of !shouldIncludeStep/s before the current step
     // which we get from `getNumberOfDynamicStepsBeforeCurrentStep()`
     var totalDynamicSteps = getNumberOfDynamicStepsBeforeCurrentStep(stepData, 'shouldIncludeStep') || 0;
-    return /*#__PURE__*/React__default["default"].createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "".concat(blockClass, "__left-nav")
-    }, title && /*#__PURE__*/React__default["default"].createElement("h3", {
+    }, title && /*#__PURE__*/React.createElement("h3", {
       className: "".concat(blockClass, "__title")
-    }, title), currentStep === 1 && (_stepData$ = stepData[0]) !== null && _stepData$ !== void 0 && _stepData$.introStep ? null : /*#__PURE__*/React__default["default"].createElement(react.ProgressIndicator, {
+    }, title), currentStep === 1 && (_stepData$ = stepData[0]) !== null && _stepData$ !== void 0 && _stepData$.introStep ? null : /*#__PURE__*/React.createElement(react.ProgressIndicator, {
       currentIndex: (_stepData$2 = stepData[0]) !== null && _stepData$2 !== void 0 && _stepData$2.introStep ? currentStep - totalDynamicSteps - 2 // minus 2 because we need to account for the intro step in addition to `currentIndex` being 0 index based and our steps being 1 index based
       : currentStep - totalDynamicSteps - 1 // minus 1 because ProgressIndicator currentIndex prop is 0 index based, but our steps are 1 index based
       ,
       spaceEqually: true,
       vertical: true,
-      className: cx__default["default"]("".concat(blockClass, "__progress-indicator"))
+      className: cx("".concat(blockClass, "__progress-indicator"))
     }, progressSteps.map(function (step, stepIndex) {
-      return /*#__PURE__*/React__default["default"].createElement(react.ProgressStep, {
+      return /*#__PURE__*/React.createElement(react.ProgressStep, {
         label: step.title,
         key: stepIndex,
         secondaryLabel: step.secondaryLabel || undefined,
@@ -76,8 +69,8 @@ var CreateInfluencer = function CreateInfluencer(_ref) {
       });
     })));
   };
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: cx__default["default"](blockClass, className)
+  return /*#__PURE__*/React.createElement("div", {
+    className: cx(blockClass, className)
   }, renderProgressSteps());
 };
 
@@ -88,24 +81,24 @@ CreateInfluencer.propTypes = {
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Used to mark the current step on the ProgressIndicator component
    */
-  currentStep: index["default"].number.isRequired,
+  currentStep: index.default.number.isRequired,
   /**
    * The step data that renders the progress items
    */
-  stepData: index["default"].arrayOf(index["default"].shape({
-    introStep: index["default"].bool,
-    secondaryLabel: index["default"].string,
-    shouldIncludeStep: index["default"].bool,
-    title: index["default"].node
+  stepData: index.default.arrayOf(index.default.shape({
+    introStep: index.default.bool,
+    secondaryLabel: index.default.string,
+    shouldIncludeStep: index.default.bool,
+    title: index.default.node
   })),
   /**
    * The main title of the full page, displayed in the influencer area.
    */
-  title: index["default"].string
+  title: index.default.string
 };
 
 exports.CreateInfluencer = CreateInfluencer;

package/lib/components/CreateModal/CreateModal.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var react = require('@carbon/react');
 var React = require('react');
@@ -18,11 +16,6 @@ var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 var usePortalTarget = require('../../global/js/hooks/usePortalTarget.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["className", "children", "onRequestClose", "onRequestSubmit", "open", "title", "subtitle", "description", "secondaryButtonText", "portalTarget", "primaryButtonText", "disableSubmit", "selectorPrimaryFocus"];
 var componentName = 'CreateModal';
 var blockClass = "".concat(settings.pkg.prefix, "--create-modal");
@@ -43,7 +36,7 @@ resource. It is triggered by a user’s action, appears on top of the main page
 content, and is persistent until dismissed. The purpose of this modal should be
 immediately apparent to the user, with a clear and obvious path to completion.
  */
-exports.CreateModal = /*#__PURE__*/React__default["default"].forwardRef(function (_ref2, ref) {
+exports.CreateModal = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
   var className = _ref2.className,
     children = _ref2.children,
     onRequestClose = _ref2.onRequestClose,
@@ -59,9 +52,9 @@ exports.CreateModal = /*#__PURE__*/React__default["default"].forwardRef(function
     selectorPrimaryFocus = _ref2.selectorPrimaryFocus,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded);
   var renderPortalUse = usePortalTarget.usePortalTarget(portalTargetIn);
-  return renderPortalUse( /*#__PURE__*/React__default["default"].createElement(react.ComposedModal, _rollupPluginBabelHelpers["extends"]({}, rest, {
+  return renderPortalUse( /*#__PURE__*/React.createElement(react.ComposedModal, _rollupPluginBabelHelpers.extends({}, rest, {
     selectorPrimaryFocus: selectorPrimaryFocus,
-    className: cx__default["default"](blockClass, className),
+    className: cx(blockClass, className),
     open: open,
     ref: ref,
     "aria-label": title,
@@ -71,23 +64,23 @@ exports.CreateModal = /*#__PURE__*/React__default["default"].forwardRef(function
       onRequestClose === null || onRequestClose === void 0 || onRequestClose();
       return false;
     }
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement(react.ModalHeader, {
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(react.ModalHeader, {
     title: title,
     titleClassName: "".concat(blockClass, "__title")
-  }, subtitle && /*#__PURE__*/React__default["default"].createElement("p", {
+  }, subtitle && /*#__PURE__*/React.createElement("p", {
     className: "".concat(blockClass, "__subtitle")
-  }, subtitle)), /*#__PURE__*/React__default["default"].createElement(react.ModalBody, {
+  }, subtitle)), /*#__PURE__*/React.createElement(react.ModalBody, {
     hasForm: true
-  }, description && /*#__PURE__*/React__default["default"].createElement("p", {
+  }, description && /*#__PURE__*/React.createElement("p", {
     className: "".concat(blockClass, "__description")
-  }, description), /*#__PURE__*/React__default["default"].createElement(react.Form, {
+  }, description), /*#__PURE__*/React.createElement(react.Form, {
     className: "".concat(blockClass, "__form"),
     "aria-label": title
-  }, children)), /*#__PURE__*/React__default["default"].createElement(react.ModalFooter, null, /*#__PURE__*/React__default["default"].createElement(react.Button, {
+  }, children)), /*#__PURE__*/React.createElement(react.ModalFooter, null, /*#__PURE__*/React.createElement(react.Button, {
     type: "button",
     kind: "secondary",
     onClick: onRequestClose
-  }, secondaryButtonText), /*#__PURE__*/React__default["default"].createElement(react.Button, {
+  }, secondaryButtonText), /*#__PURE__*/React.createElement(react.Button, {
     type: "submit",
     kind: "primary",
     onClick: onRequestSubmit,
@@ -106,53 +99,53 @@ exports.CreateModal.propTypes = {
   /**
    * Specify an optional className to be applied to the modal root node
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * The description of the CreateModal serves to provide more information about the modal.
    */
-  description: index["default"].node.isRequired,
+  description: index.default.node.isRequired,
   /**
    * Specifies a boolean for disabling or enabling the primary button. This is important for form validation
    * Returning `true` prevents the primary button from being clicked until required fields are completed.
    */
-  disableSubmit: index["default"].bool,
+  disableSubmit: index.default.bool,
   /**
    * Specifies an optional handler which is called when the CreateModal
    * is closed.
    */
-  onRequestClose: index["default"].func,
+  onRequestClose: index.default.func,
   /**
    * Specifies an optional handler which is called when the CreateModal
    * primary button is pressed.
    */
-  onRequestSubmit: index["default"].func,
+  onRequestSubmit: index.default.func,
   /**
    * Specifies whether the CreateModal is open or not.
    */
-  open: index["default"].bool,
+  open: index.default.bool,
   /**
    * The DOM node the tearsheet should be rendered within. Defaults to document.body.
    */
-  portalTarget: index["default"].node,
+  portalTarget: index.default.node,
   /**
    * Specifies the primary button's text in the modal.
    */
-  primaryButtonText: index["default"].string.isRequired,
+  primaryButtonText: index.default.string.isRequired,
   /**
    * Specifies the secondary button's text in the modal.
    */
-  secondaryButtonText: index["default"].string.isRequired,
+  secondaryButtonText: index.default.string.isRequired,
   /**
    * Specifies which DOM element in the form should be focused.
    */
-  selectorPrimaryFocus: index["default"].node.isRequired,
+  selectorPrimaryFocus: index.default.node.isRequired,
   /**
    * The subtitle of the CreateModal is optional and serves to provide more information about the modal.
    */
-  subtitle: index["default"].node,
+  subtitle: index.default.node,
   /**
    * The title of the CreateModal is usually the product or service name.
    */
-  title: index["default"].node.isRequired
+  title: index.default.node.isRequired
 };
 exports.CreateModal.displayName = componentName;

package/lib/components/CreateSidePanel/CreateSidePanel.js

@@ -7,8 +7,6 @@
 
 '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');
@@ -19,11 +17,6 @@ var react = require('@carbon/react');
 var SidePanel = require('../SidePanel/SidePanel.js');
 var uuidv4 = require('../../global/js/utils/uuidv4.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["className", "children", "disableSubmit", "formTitle", "formDescription", "id", "onRequestClose", "onRequestSubmit", "open", "primaryButtonText", "secondaryButtonText", "selectorPageContent", "selectorPrimaryFocus", "subtitle", "title"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -35,7 +28,7 @@ var componentName = 'CreateSidePanel';
 /**
  * Use with medium complexity creations if the user needs page context. On-page content can be seen and interacted with.
  */
-exports.CreateSidePanel = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.CreateSidePanel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     children = _ref.children,
     disableSubmit = _ref.disableSubmit,
@@ -66,8 +59,8 @@ exports.CreateSidePanel = /*#__PURE__*/React__default["default"].forwardRef(func
     onClick: onRequestClose,
     kind: 'secondary'
   }];
-  var formTitleId = uuidv4["default"]();
-  return selectorPageContent && /*#__PURE__*/React__default["default"].createElement(SidePanel.SidePanel, _rollupPluginBabelHelpers["extends"]({}, rest, _rollupPluginBabelHelpers.objectSpread2({
+  var formTitleId = uuidv4.default();
+  return selectorPageContent && /*#__PURE__*/React.createElement(SidePanel.SidePanel, _rollupPluginBabelHelpers.extends({}, rest, _rollupPluginBabelHelpers.objectSpread2({
     id: id,
     open: open,
     ref: ref,
@@ -80,15 +73,15 @@ exports.CreateSidePanel = /*#__PURE__*/React__default["default"].forwardRef(func
     placement: "right",
     slideIn: true,
     animateTitle: false,
-    className: cx__default["default"](blockClass, className),
+    className: cx(blockClass, className),
     size: "md",
     actions: actions
-  }), /*#__PURE__*/React__default["default"].createElement("h3", {
+  }), /*#__PURE__*/React.createElement("h3", {
     className: "".concat(blockClass, "__form-title-text ").concat(blockClass, "__content-text"),
     id: formTitleId
-  }, formTitle), /*#__PURE__*/React__default["default"].createElement("p", {
+  }, formTitle), /*#__PURE__*/React.createElement("p", {
     className: "".concat(blockClass, "__form-description-text ").concat(blockClass, "__content-text")
-  }, formDescription), /*#__PURE__*/React__default["default"].createElement(react.Form, {
+  }, formDescription), /*#__PURE__*/React.createElement(react.Form, {
     className: "".concat(blockClass, "__form"),
     "aria-labelledby": formTitleId
   }, children));
@@ -100,75 +93,75 @@ exports.CreateSidePanel.propTypes = {
    * Sets the body content of the create side panel
    */
   /**@ts-ignore*/
-  children: index["default"].oneOfType([index["default"].arrayOf(index["default"].node), index["default"].node]).isRequired,
+  children: index.default.oneOfType([index.default.arrayOf(index.default.node), index.default.node]).isRequired,
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * The description of the CreateSidePanel serves to provide more information about the form within the panel.
    */
-  description: index["default"].node,
+  description: index.default.node,
   /**
    * Specifies a boolean for disabling or enabling the primary button. This is important for form validation
    * Returning `true` prevents the primary button from being clicked until required fields are completed.
    */
-  disableSubmit: index["default"].bool,
+  disableSubmit: index.default.bool,
   /**
    * Specifies an optional field that provides a additional context for a form
    */
-  formDescription: index["default"].node,
+  formDescription: index.default.node,
   /**
    * Specifies a required field that provides a title for a form
    */
-  formTitle: index["default"].node.isRequired,
+  formTitle: index.default.node.isRequired,
   /**
    * Unique identifier
    */
-  id: index["default"].string,
+  id: index.default.string,
   /**
    * Specifies an optional handler which is called when the CreateSidePanel
    * is closed.
    */
-  onRequestClose: index["default"].func,
+  onRequestClose: index.default.func,
   /**
    * Specifies an optional handler which is called when the CreateSidePanel
    * primary button is pressed.
    */
-  onRequestSubmit: index["default"].func,
+  onRequestSubmit: index.default.func,
   /**
    * Specifies whether the CreateSidePanel is open or not.
    */
   /**@ts-ignore*/
-  open: index["default"].bool,
+  open: index.default.bool,
   /**
    * Specifies the primary button's text in the modal.
    */
-  primaryButtonText: index["default"].string.isRequired,
+  primaryButtonText: index.default.string.isRequired,
   /**
    * Specifies the secondary button's text in the modal.
    */
-  secondaryButtonText: index["default"].string.isRequired,
+  secondaryButtonText: index.default.string.isRequired,
   /**
    * This is the selector to the element that contains all of the page content that will shrink if the panel is a slide in.
    * This prop is required when using the `slideIn` variant of the side panel.
    */
-  selectorPageContent: index["default"].string.isRequired,
+  selectorPageContent: index.default.string.isRequired,
   /**
    * Specifies which DOM element in the form should be focused.
    */
   /**@ts-ignore*/
-  selectorPrimaryFocus: index["default"].node.isRequired,
+  selectorPrimaryFocus: index.default.node.isRequired,
   /**
    *  **Experimental:** Provide a `Slug` component to be rendered inside the `SidePanel` component
    */
-  slug: index["default"].node,
+  slug: index.default.node,
   /**
    * The subtitle of the CreateSidePanel is optional and serves to provide more information about the modal.
    */
-  subtitle: index["default"].node,
+  subtitle: index.default.node,
   /**
    * The title of the CreateSidePanel is usually the product or service name.
    */
-  title: index["default"].string.isRequired
+  title: index.default.string.isRequired
 };

package/lib/components/CreateTearsheet/CreateTearsheet.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var react = require('@carbon/react');
@@ -26,11 +24,6 @@ var useResetCreateComponent = require('../../global/js/hooks/useResetCreateCompo
 var useCreateComponentStepChange = require('../../global/js/hooks/useCreateComponentStepChange.js');
 var CreateInfluencer = require('../CreateInfluencer/CreateInfluencer.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["backButtonText", "cancelButtonText", "children", "className", "experimentalSecondarySubmitText", "description", "influencerWidth", "initialStep", "label", "nextButtonText", "onClose", "onRequestSubmit", "open", "firstFocusElement", "slug", "submitButtonText", "title", "verticalPosition"];
 var componentName = 'CreateTearsheet';
 var blockClass = "".concat(settings.pkg.prefix, "--tearsheet-create");
@@ -188,12 +181,12 @@ exports.CreateTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     experimentalSecondarySubmitText: experimentalSecondarySubmit.labelText ? experimentalSecondarySubmit.labelText : experimentalSecondarySubmitText,
     setCreateComponentActions: setCreateTearsheetActions
   });
-  return /*#__PURE__*/React__default["default"].createElement(TearsheetShell.TearsheetShell, _rollupPluginBabelHelpers["extends"]({}, devtools.getDevtoolsProps(componentName), rest, {
+  return /*#__PURE__*/React.createElement(TearsheetShell.TearsheetShell, _rollupPluginBabelHelpers.extends({}, devtools.getDevtoolsProps(componentName), rest, {
     ref: ref,
     actions: createTearsheetActions,
-    className: cx__default["default"](blockClass, className),
+    className: cx(blockClass, className),
     description: description,
-    influencer: /*#__PURE__*/React__default["default"].createElement(CreateInfluencer.CreateInfluencer, {
+    influencer: /*#__PURE__*/React.createElement(CreateInfluencer.CreateInfluencer, {
       currentStep: currentStep,
       stepData: stepData
     }),
@@ -206,12 +199,12 @@ exports.CreateTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     title: title,
     verticalPosition: verticalPosition,
     closeIconDescription: ''
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__content"),
     ref: contentRef
-  }, /*#__PURE__*/React__default["default"].createElement(react.Form, {
+  }, /*#__PURE__*/React.createElement(react.Form, {
     "aria-label": title
-  }, /*#__PURE__*/React__default["default"].createElement(StepsContext.Provider, {
+  }, /*#__PURE__*/React.createElement(StepsContext.Provider, {
     value: {
       currentStep: currentStep,
       setExperimentalSecondarySubmit: setExperimentalSecondarySubmit,
@@ -234,8 +227,8 @@ exports.CreateTearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       setStepData: setStepData,
       stepData: stepData
     }
-  }, React__default["default"].Children.map(children, function (child, index) {
-    return /*#__PURE__*/React__default["default"].createElement(StepNumberContext.Provider, {
+  }, React.Children.map(children, function (child, index) {
+    return /*#__PURE__*/React.createElement(StepNumberContext.Provider, {
       value: index + 1
     }, child);
   })))));
@@ -254,78 +247,78 @@ exports.CreateTearsheet.propTypes = {
   /**
    * The back button text
    */
-  backButtonText: index["default"].string.isRequired,
+  backButtonText: index.default.string.isRequired,
   /**
    * The cancel button text
    */
-  cancelButtonText: index["default"].string.isRequired,
+  cancelButtonText: index.default.string.isRequired,
   /**
    * The main content of the tearsheet
    */
-  children: index["default"].node,
+  children: index.default.node,
   /**
    * An optional class or classes to be added to the outermost element.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * A description of the flow, displayed in the header area of the tearsheet.
    */
-  description: index["default"].node,
+  description: index.default.node,
   /**
    * The experimentalSecondary submit button text
    */
-  experimentalSecondarySubmitText: index["default"].string,
+  experimentalSecondarySubmitText: index.default.string,
   /**
    * Specifies elements to focus on first on render.
    */
-  firstFocusElement: index["default"].string,
+  firstFocusElement: index.default.string,
   /**
    * Used to set the size of the influencer
    */
-  influencerWidth: index["default"].oneOf(['narrow', 'wide']),
+  influencerWidth: index.default.oneOf(['narrow', 'wide']),
   /**
    * This can be used to open the component to a step other than the first step.
    * For example, a create flow was previously in progress, data was saved, and
    * is now being completed.
    */
-  initialStep: index["default"].number,
+  initialStep: index.default.number,
   /**
    * 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: index["default"].node,
+  label: index.default.node,
   /**
    * The next button text
    */
-  nextButtonText: index["default"].string.isRequired,
+  nextButtonText: index.default.string.isRequired,
   /**
    * 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: index["default"].func,
+  onClose: index.default.func,
   /**
    * Specify a handler for submitting the multi step tearsheet (final step).
    * This function can _optionally_ return a promise that is either resolved or rejected and the CreateTearsheet will handle the submitting state of the create button.
    */
-  onRequestSubmit: index["default"].func.isRequired,
+  onRequestSubmit: index.default.func.isRequired,
   /**
    * Specifies whether the tearsheet is currently open.
    */
-  open: index["default"].bool,
+  open: index.default.bool,
   /**
    *  **Experimental:** Provide a `Slug` component to be rendered inside the `Tearsheet` component
    */
-  slug: index["default"].node,
+  slug: index.default.node,
   /**
    * The submit button text
    */
-  submitButtonText: index["default"].string.isRequired,
+  submitButtonText: index.default.string.isRequired,
   /**
    * The main title of the tearsheet, displayed in the header area.
    */
-  title: index["default"].node,
+  title: index.default.node,
   /**
    * The position of the top of tearsheet in the viewport. The 'normal'
    * position (the default) is a short distance down from the top of the
@@ -333,7 +326,7 @@ exports.CreateTearsheet.propTypes = {
    * from below. The 'lower' position provides a little extra room at the top
    * to allow an action bar navigation or breadcrumbs to also show through.
    */
-  verticalPosition: index["default"].oneOf(['normal', 'lower'])
+  verticalPosition: index.default.oneOf(['normal', 'lower'])
 };
 
 exports.StepNumberContext = StepNumberContext;

package/lib/components/CreateTearsheet/CreateTearsheetDivider.js

@@ -7,28 +7,21 @@
 
 '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 cx = require('classnames');
 var settings = require('../../settings.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["className"];
 var componentName = 'CreateTearsheetDivider';
 var blockClass = "".concat(settings.pkg.prefix, "--tearsheet-create__section--divider");
 exports.CreateTearsheetDivider = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default["default"].createElement("span", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  return /*#__PURE__*/React.createElement("span", _rollupPluginBabelHelpers.extends({}, rest, {
     ref: ref,
-    className: cx__default["default"](blockClass, className)
+    className: cx(blockClass, className)
   }));
 });
 
@@ -38,5 +31,5 @@ exports.CreateTearsheetDivider.propTypes = {
   /**
    * Sets an optional className to be added to the tearsheet divider
    */
-  className: index["default"].string
+  className: index.default.string
 };