@carbon/ibm-products 2.43.2-canary.3 → 2.43.2-canary.300

package/lib/components/ImportModal/ImportModal.d.ts

@@ -18,7 +18,7 @@ type FileType = {
     errorBody?: string;
     errorSubject?: string;
 };
-interface ImportModalProps {
+export interface ImportModalProps {
     /**
      * Specifies the file types that are valid for importing
      */

package/lib/components/ImportModal/ImportModal.js

@@ -7,23 +7,16 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var react = require('@carbon/react');
 var React = require('react');
 var icons = require('@carbon/react/icons');
-var react = require('@carbon/react');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
-var index = require('../../node_modules/prop-types/index.js');
 var devtools = require('../../global/js/utils/devtools.js');
+var settings = require('../../settings.js');
 var usePortalTarget = require('../../global/js/hooks/usePortalTarget.js');
 var uuidv4 = require('../../global/js/utils/uuidv4.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);
 
 var _excluded = ["accept", "className", "defaultErrorBody", "defaultErrorHeader", "description", "fetchErrorBody", "fetchErrorHeader", "fileDropHeader", "fileDropLabel", "fileUploadLabel", "inputButtonIcon", "inputButtonText", "inputId", "inputLabel", "inputPlaceholder", "invalidFileTypeErrorBody", "invalidFileTypeErrorHeader", "invalidIconDescription", "maxFileSize", "maxFileSizeErrorBody", "maxFileSizeErrorHeader", "onClose", "onRequestSubmit", "open", "portalTarget", "primaryButtonText", "secondaryButtonText", "title"];
 var componentName = 'ImportModal';
@@ -87,7 +80,7 @@ exports.ImportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var updatedFiles = newFiles.map(function (file) {
       var _newFile$fileSize;
       var newFile = {
-        uuid: file.uuid || uuidv4["default"](),
+        uuid: file.uuid || uuidv4.default(),
         status: 'edit',
         iconDescription: invalidIconDescription,
         name: file.name,
@@ -125,7 +118,7 @@ exports.ImportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
             pendingFile = {
               name: fileName,
               status: 'uploading',
-              uuid: uuidv4["default"]()
+              uuid: uuidv4.default()
             };
             setFiles([pendingFile]);
             _context.prev = 4;
@@ -201,35 +194,35 @@ exports.ImportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var importButtonDisabled = !importUrl || hasFiles;
   var fileStatusString = "".concat(numberOfValidFiles, " / ").concat(numberOfFiles, " ").concat(fileUploadLabel);
   var blockClass = "".concat(settings.pkg.prefix, "--import-modal");
-  return renderPortalUse( /*#__PURE__*/React__default["default"].createElement(react.ComposedModal, _rollupPluginBabelHelpers["extends"]({}, rest, _rollupPluginBabelHelpers.objectSpread2({
+  return renderPortalUse( /*#__PURE__*/React.createElement(react.ComposedModal, _rollupPluginBabelHelpers.extends({}, rest, _rollupPluginBabelHelpers.objectSpread2({
     open: open,
     ref: ref
   }, devtools.getDevtoolsProps(componentName)), {
     "aria-label": title,
-    className: cx__default["default"](blockClass, className),
+    className: cx(blockClass, className),
     size: "sm",
     preventCloseOnClickOutside: true,
     onClose: onCloseHandler
-  }), /*#__PURE__*/React__default["default"].createElement(react.ModalHeader, {
+  }), /*#__PURE__*/React.createElement(react.ModalHeader, {
     className: "".concat(blockClass, "__header"),
     title: title
-  }), /*#__PURE__*/React__default["default"].createElement(react.ModalBody, {
+  }), /*#__PURE__*/React.createElement(react.ModalBody, {
     className: "".concat(blockClass, "__body-container")
-  }, description && /*#__PURE__*/React__default["default"].createElement("p", {
+  }, description && /*#__PURE__*/React.createElement("p", {
     className: "".concat(blockClass, "__body")
-  }, description), fileDropHeader && /*#__PURE__*/React__default["default"].createElement("p", {
+  }, description), fileDropHeader && /*#__PURE__*/React.createElement("p", {
     className: "".concat(blockClass, "__file-drop-header")
-  }, fileDropHeader), /*#__PURE__*/React__default["default"].createElement(react.FileUploaderDropContainer, {
+  }, fileDropHeader), /*#__PURE__*/React.createElement(react.FileUploaderDropContainer, {
     accept: accept,
     labelText: fileDropLabel,
     onAddFiles: onAddFile,
     disabled: hasFiles,
     "data-modal-primary-focus": true
-  }), inputLabel && /*#__PURE__*/React__default["default"].createElement("p", {
+  }), inputLabel && /*#__PURE__*/React.createElement("p", {
     className: "".concat(blockClass, "__label")
-  }, inputLabel), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, inputLabel), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__input-group")
-  }, /*#__PURE__*/React__default["default"].createElement(react.TextInput, {
+  }, /*#__PURE__*/React.createElement(react.TextInput, {
     labelText: "",
     id: inputId,
     onChange: inputHandler,
@@ -237,22 +230,22 @@ exports.ImportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     value: importUrl,
     disabled: hasFiles,
     "aria-label": inputLabel
-  }), /*#__PURE__*/React__default["default"].createElement(react.Button, {
+  }), /*#__PURE__*/React.createElement(react.Button, {
     onClick: fetchFile,
     className: "".concat(blockClass, "__import-button"),
     size: "sm",
     disabled: importButtonDisabled,
     renderIcon: inputButtonIcon ? function (props) {
-      return /*#__PURE__*/React__default["default"].createElement(icons.Add, _rollupPluginBabelHelpers["extends"]({
+      return /*#__PURE__*/React.createElement(icons.Add, _rollupPluginBabelHelpers.extends({
         size: 20
       }, props));
     } : null
-  }, inputButtonText)), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, inputButtonText)), /*#__PURE__*/React.createElement("div", {
     className: "".concat(carbonPrefix, "--file-container ").concat(blockClass, "__file-container")
-  }, hasFiles && /*#__PURE__*/React__default["default"].createElement("p", {
+  }, hasFiles && /*#__PURE__*/React.createElement("p", {
     className: "".concat(blockClass, "__helper-text")
   }, fileStatusString), files.map(function (file) {
-    return /*#__PURE__*/React__default["default"].createElement(react.FileUploaderItem, {
+    return /*#__PURE__*/React.createElement(react.FileUploaderItem, {
       key: file.uuid,
       onDelete: function onDelete() {
         return onRemoveFile(file.uuid);
@@ -267,13 +260,13 @@ exports.ImportModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       errorSubject: file.errorSubject,
       filesize: file.fileSize /* cspell:disable-line */
     });
-  }))), /*#__PURE__*/React__default["default"].createElement(react.ModalFooter, {
+  }))), /*#__PURE__*/React.createElement(react.ModalFooter, {
     className: "".concat(blockClass, "__footer")
-  }, /*#__PURE__*/React__default["default"].createElement(react.Button, {
+  }, /*#__PURE__*/React.createElement(react.Button, {
     type: "button",
     kind: "secondary",
     onClick: onCloseHandler
-  }, secondaryButtonText), /*#__PURE__*/React__default["default"].createElement(react.Button, {
+  }, secondaryButtonText), /*#__PURE__*/React.createElement(react.Button, {
     type: "submit",
     kind: "primary",
     onClick: onSubmitHandler,
@@ -287,114 +280,114 @@ exports.ImportModal.propTypes = {
   /**
    * Specifies the file types that are valid for importing
    */
-  accept: index["default"].array,
+  accept: index.default.array,
   /**
    * Optional class name
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * The default message shown for an import error
    */
-  defaultErrorBody: index["default"].string.isRequired,
+  defaultErrorBody: index.default.string.isRequired,
   /**
    * The default header that is displayed to show an error message
    */
-  defaultErrorHeader: index["default"].string.isRequired,
+  defaultErrorHeader: index.default.string.isRequired,
   /**
    * Content that is displayed inside the modal
    */
-  description: index["default"].string,
+  description: index.default.string,
   /**
    * Optional error body to display specifically for a fetch error
    */
-  fetchErrorBody: index["default"].string,
+  fetchErrorBody: index.default.string,
   /**
    * Optional error header to display specifically for a fetch error
    */
-  fetchErrorHeader: index["default"].string,
+  fetchErrorHeader: index.default.string,
   /**
    * Header for the drag and drop box
    */
-  fileDropHeader: index["default"].string,
+  fileDropHeader: index.default.string,
   /**
    * Label for the drag and drop box
    */
-  fileDropLabel: index["default"].string,
+  fileDropLabel: index.default.string,
   /**
    * Label that appears when a file is uploaded to show number of files (1 / 1)
    */
-  fileUploadLabel: index["default"].string,
+  fileUploadLabel: index.default.string,
   /**
    * Button icon for import by url button
    */
-  inputButtonIcon: index["default"].bool,
+  inputButtonIcon: index.default.bool,
   /**
    * Button text for import by url button
    */
-  inputButtonText: index["default"].string.isRequired,
+  inputButtonText: index.default.string.isRequired,
   /**
    * ID for text input
    */
-  inputId: index["default"].string,
+  inputId: index.default.string,
   /**
    * Header to display above import by url
    */
-  inputLabel: index["default"].string,
+  inputLabel: index.default.string,
   /**
    * Placeholder for text input
    */
-  inputPlaceholder: index["default"].string,
+  inputPlaceholder: index.default.string,
   /**
    * Optional error message to display specifically for a invalid file type error
    */
-  invalidFileTypeErrorBody: index["default"].string,
+  invalidFileTypeErrorBody: index.default.string,
   /**
    * Optional error header to display specifically for a invalid file type error
    */
-  invalidFileTypeErrorHeader: index["default"].string,
+  invalidFileTypeErrorHeader: index.default.string,
   /**
    * Description for delete file icon
    */
-  invalidIconDescription: index["default"].string,
+  invalidIconDescription: index.default.string,
   /**
    * File size limit in bytes
    */
-  maxFileSize: index["default"].number,
+  maxFileSize: index.default.number,
   /**
    * Optional error message to display specifically for a max file size error
    */
-  maxFileSizeErrorBody: index["default"].string,
+  maxFileSizeErrorBody: index.default.string,
   /**
    * Optional error header to display specifically for a max file size error
    */
-  maxFileSizeErrorHeader: index["default"].string,
+  maxFileSizeErrorHeader: index.default.string,
   /**
    * Specify a handler for closing modal
    */
-  onClose: index["default"].func,
+  onClose: index.default.func,
   /**
    * Specify a handler for "submitting" modal. Access the imported file via `file => {}`
    */
-  onRequestSubmit: index["default"].func.isRequired,
+  onRequestSubmit: index.default.func.isRequired,
   /**
    * Specify whether the Modal is currently open
    */
-  open: index["default"].bool.isRequired,
+  open: index.default.bool.isRequired,
   /**
    * The DOM node the tearsheet should be rendered within. Defaults to document.body.
    */
-  portalTarget: index["default"].node,
+  portalTarget: index.default.node,
   /**
    * Specify the text for the primary button
    */
-  primaryButtonText: index["default"].string.isRequired,
+  primaryButtonText: index.default.string.isRequired,
   /**
    * Specify the text for the secondary button
    */
-  secondaryButtonText: index["default"].string.isRequired,
+  secondaryButtonText: index.default.string.isRequired,
   /**
    * The text displayed at the top of the modal
    */
-  title: index["default"].string.isRequired
+  title: index.default.string.isRequired
 };
 exports.ImportModal.displayName = componentName;

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

@@ -1 +1,2 @@
-export { ImportModal } from "./ImportModal";
+export { ImportModal } from './ImportModal';
+export type { ImportModalProps } from './ImportModal';

package/lib/components/InlineTip/InlineTip.d.ts

@@ -9,7 +9,7 @@ type MediaType = {
     render?: () => ReactNode;
     filePaths?: string[];
 };
-interface InlineTipProps {
+export interface InlineTipProps {
     /**
      * Optional "call to action" ghost button or link that can appear
      * directly below the content. This component comes with pre-styled
@@ -52,7 +52,7 @@ interface InlineTipProps {
      *
      * Enabling `media` disables the `collapsible` feature.
      */
-    media: MediaType;
+    media?: MediaType;
     /**
      * Set to `true` to arrange the information in a format
      * that is easier to read in a limited space.

package/lib/components/InlineTip/InlineTip.js

@@ -7,24 +7,17 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-var icons = require('@carbon/react/icons');
 var react = require('@carbon/react');
-var index = require('../../node_modules/prop-types/index.js');
+var icons = require('@carbon/react/icons');
+var React = require('react');
+var index = require('../../_virtual/index.js');
+var SteppedAnimatedMedia = require('../SteppedAnimatedMedia/SteppedAnimatedMedia.js');
 var cx = require('classnames');
 var utils = require('./utils.js');
 var devtools = require('../../global/js/utils/devtools.js');
-var uuidv4 = require('../../global/js/utils/uuidv4.js');
 var settings = require('../../settings.js');
-var SteppedAnimatedMedia = require('../SteppedAnimatedMedia/SteppedAnimatedMedia.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 uuidv4 = require('../../global/js/utils/uuidv4.js');
 
 var _Close, _Idea, _Crossroads;
 var _excluded = ["action", "children", "className", "closeIconDescription", "collapsible", "collapseButtonLabel", "expandButtonLabel", "media", "narrow", "onClick", "onClose", "tertiaryButtonLabel", "title", "withLeftGutter"];
@@ -52,7 +45,7 @@ var defaults = {
  * provide an ambient way to deliver learning content without
  * distracting the user from their flow.
  */
-exports.InlineTip = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.InlineTip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var action = _ref.action,
     children = _ref.children,
     className = _ref.className,
@@ -79,13 +72,13 @@ exports.InlineTip = /*#__PURE__*/React__default["default"].forwardRef(function (
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     isCollapsed = _useState2[0],
     setIsCollapsed = _useState2[1];
-  var labelId = React.useRef(uuidv4["default"]()).current;
+  var labelId = React.useRef(uuidv4.default()).current;
   var previewText = React.useMemo(function () {
-    return utils.getComponentText(React__default["default"].Children.toArray(children));
+    return utils.getComponentText(React.Children.toArray(children));
   }, [children]);
   var childrenToRender = children;
   if (!media && collapsible && isCollapsed) {
-    childrenToRender = /*#__PURE__*/React__default["default"].createElement("p", {
+    childrenToRender = /*#__PURE__*/React.createElement("p", {
       className: "".concat(blockClass, "__preview-text")
     }, previewText);
   }
@@ -94,38 +87,38 @@ exports.InlineTip = /*#__PURE__*/React__default["default"].forwardRef(function (
   React.useEffect(function () {
     setIsCollapsed(collapsible);
   }, [collapsible]);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
     "aria-labelledby": labelId,
-    className: cx__default["default"](blockClass, className, collapsible && "".concat(blockClass, "__collapsible"), isCollapsed && "".concat(blockClass, "__collapsible-collapsed"), media && "".concat(blockClass, "__has-media"), [narrow ? "".concat(blockClass, "__narrow") : "".concat(blockClass, "__wide")], withLeftGutter && !narrow && "".concat(blockClass, "__with-left-gutter")),
+    className: cx(blockClass, className, collapsible && "".concat(blockClass, "__collapsible"), isCollapsed && "".concat(blockClass, "__collapsible-collapsed"), media && "".concat(blockClass, "__has-media"), [narrow ? "".concat(blockClass, "__narrow") : "".concat(blockClass, "__wide")], withLeftGutter && !narrow && "".concat(blockClass, "__with-left-gutter")),
     ref: ref,
     role: "complementary"
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__close-icon-wrapper")
-  }, /*#__PURE__*/React__default["default"].createElement(react.IconButton, {
+  }, /*#__PURE__*/React.createElement(react.IconButton, {
     className: "".concat(blockClass, "__close-icon"),
     kind: "ghost",
     label: closeIconDescription,
     onClick: onClose,
     size: "lg"
-  }, _Close || (_Close = /*#__PURE__*/React__default["default"].createElement(icons.Close, {
+  }, _Close || (_Close = /*#__PURE__*/React.createElement(icons.Close, {
     size: 16
-  })))), (!media && narrow || !narrow) && /*#__PURE__*/React__default["default"].createElement("div", {
+  })))), (!media && narrow || !narrow) && /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__icon-idea"),
     tabIndex: -1
-  }, _Idea || (_Idea = /*#__PURE__*/React__default["default"].createElement(icons.Idea, {
+  }, _Idea || (_Idea = /*#__PURE__*/React.createElement(icons.Idea, {
     size: 16
-  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__content")
-  }, /*#__PURE__*/React__default["default"].createElement("h6", {
+  }, /*#__PURE__*/React.createElement("h6", {
     id: labelId,
     className: "".concat(blockClass, "__title")
-  }, title), /*#__PURE__*/React__default["default"].createElement("section", {
+  }, title), /*#__PURE__*/React.createElement("section", {
     className: "".concat(blockClass, "__body")
-  }, childrenToRender, action && (!collapsible || collapsible && !isCollapsed) && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, childrenToRender, action && (!collapsible || collapsible && !isCollapsed) && /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__secondary-btn")
-  }, action)), (collapsible || tertiaryButtonLabel) && /*#__PURE__*/React__default["default"].createElement("footer", {
+  }, action)), (collapsible || tertiaryButtonLabel) && /*#__PURE__*/React.createElement("footer", {
     className: "".concat(blockClass, "__footer")
-  }, collapsible && !media && /*#__PURE__*/React__default["default"].createElement(react.Button, {
+  }, collapsible && !media && /*#__PURE__*/React.createElement(react.Button, {
     className: "".concat(blockClass, "__toggle-btn"),
     kind: "ghost",
     size: "md",
@@ -134,19 +127,19 @@ exports.InlineTip = /*#__PURE__*/React__default["default"].forwardRef(function (
         return !prevState;
       });
     }
-  }, isCollapsed ? expandButtonLabel : collapseButtonLabel), tertiaryButtonLabel && /*#__PURE__*/React__default["default"].createElement(react.Button, {
+  }, isCollapsed ? expandButtonLabel : collapseButtonLabel), tertiaryButtonLabel && /*#__PURE__*/React.createElement(react.Button, {
     className: "".concat(blockClass, "__close-btn"),
     size: "md",
     onClick: onClick,
     kind: "tertiary",
     renderIcon: function renderIcon() {
-      return _Crossroads || (_Crossroads = /*#__PURE__*/React__default["default"].createElement(icons.Crossroads, {
+      return _Crossroads || (_Crossroads = /*#__PURE__*/React.createElement(icons.Crossroads, {
         size: 16
       }));
     }
-  }, tertiaryButtonLabel))), media && (media.render ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, tertiaryButtonLabel))), media && (media.render ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__media")
-  }, media.render()) : /*#__PURE__*/React__default["default"].createElement(SteppedAnimatedMedia.SteppedAnimatedMedia, {
+  }, media.render()) : /*#__PURE__*/React.createElement(SteppedAnimatedMedia.SteppedAnimatedMedia, {
     className: "".concat(blockClass, "__media"),
     filePaths: media.filePaths
   })));
@@ -159,36 +152,36 @@ exports.InlineTip.propTypes = {
    * directly below the content. This component comes with pre-styled
    * elements available to use: `InlineTipLink` and `InlineTipButton`.
    */
-  action: index["default"].node,
+  action: index.default.node,
   /**
    * Provide the contents of the InlineTip.
    */
-  children: index["default"].node.isRequired,
+  children: index.default.node.isRequired,
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Tooltip text and aria label for the Close button icon.
    */
-  closeIconDescription: index["default"].string,
+  closeIconDescription: index.default.string,
   /**
    * The label for the collapse button.
    * This button is not visible if `media` is specified.
    */
-  collapseButtonLabel: index["default"].string,
+  collapseButtonLabel: index.default.string,
   /**
    * If set to `true`, it will truncate the body text to
    * one line and expose an expand/collapse button toggle.
    *
    * This feature is disabled if `media` is specified.
    */
-  collapsible: index["default"].bool,
+  collapsible: index.default.bool,
   /**
    * The label for the expand button.
    * This button is not visible if `media` is specified.
    */
-  expandButtonLabel: index["default"].string,
+  expandButtonLabel: index.default.string,
   /**
    * The object describing an image in one of two shapes.
    * - If a single media element is required, use `{render}`.
@@ -197,33 +190,33 @@ exports.InlineTip.propTypes = {
    * Enabling `media` disables the `collapsible` feature.
    */
   /**@ts-ignore*/
-  media: index["default"].oneOfType([index["default"].shape({
-    render: index["default"].func
-  }), index["default"].shape({
-    filePaths: index["default"].string
+  media: index.default.oneOfType([index.default.shape({
+    render: index.default.func
+  }), index.default.shape({
+    filePaths: index.default.string
   })]),
   /**
    * Set to `true` to arrange the information in a format
    * that is easier to read in a limited space.
    */
-  narrow: index["default"].bool,
+  narrow: index.default.bool,
   /**
    * Function to call when the tertiary button is clicked.
    */
-  onClick: index["default"].func,
+  onClick: index.default.func,
   /**
    * Function to call when the InlineTip is closed via the "X" button.
    */
-  onClose: index["default"].func,
+  onClose: index.default.func,
   /**
    * Defining the label will show a the tertiary button with the crossroads icon.
    * You will still need to define the `onClose` method to trigger a callback.
    */
-  tertiaryButtonLabel: index["default"].string,
+  tertiaryButtonLabel: index.default.string,
   /**
    * The title of the InlineTip.
    */
-  title: index["default"].string.isRequired,
+  title: index.default.string.isRequired,
   /**
    * If true, insert 1 rem of "space" on the left of the component.
    * This will allow the component's content to line up with other
@@ -231,5 +224,5 @@ exports.InlineTip.propTypes = {
    *
    * This will only be applied when `narrow` is false.
    */
-  withLeftGutter: index["default"].bool
+  withLeftGutter: index.default.bool
 };

package/lib/components/InlineTip/InlineTipButton.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { ReactNode } from 'react';
-interface InlineTipButtonProps {
+export interface InlineTipButtonProps {
     /**
      * Provide an optional class to be applied to the containing node.
      */
@@ -21,4 +21,3 @@ interface InlineTipButtonProps {
 export declare let InlineTipButton: React.ForwardRefExoticComponent<InlineTipButtonProps & {
     children?: React.ReactNode;
 } & React.RefAttributes<HTMLButtonElement>>;
-export {};

package/lib/components/InlineTip/InlineTipButton.js

@@ -7,21 +7,14 @@
 
 '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 react = require('@carbon/react');
+var index = require('../../_virtual/index.js');
+var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.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);
-
 var _excluded = ["children", "className"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -33,12 +26,12 @@ var componentName = 'InlineTipButton';
 /**
  * This is a standard Carbon button, styled specifically for use inside InlineTip.
  */
-exports.InlineTipButton = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.InlineTipButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default["default"].createElement(react.Button, _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, className),
+  return /*#__PURE__*/React.createElement(react.Button, _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, className),
     ref: ref
   }, devtools.getDevtoolsProps(componentName), {
     size: "md",
@@ -51,11 +44,11 @@ exports.InlineTipButton.propTypes = {
   /**
    * Provide the contents of the InlineTipButton.
    */
-  children: index["default"].node.isRequired,
+  children: index.default.node.isRequired,
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string
+  className: index.default.string
 
   /* TODO: add types and DocGen for all props. */
 };

package/lib/components/InlineTip/InlineTipLink.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { PropsWithChildren, ReactNode } from 'react';
-interface InlineTipLinkProps extends PropsWithChildren {
+export interface InlineTipLinkProps extends PropsWithChildren {
     /**
      * Provide the contents of the InlineTipLink.
      */
@@ -19,4 +19,3 @@ interface InlineTipLinkProps extends PropsWithChildren {
  * This is a standard Carbon link, styled specifically for use inside InlineTip.
  */
 export declare let InlineTipLink: React.ForwardRefExoticComponent<InlineTipLinkProps & React.RefAttributes<HTMLDivElement>>;
-export {};