@carbon/ibm-products 2.27.0 → 2.28.0

package/es/components/Saving/Saving.js

@@ -7,7 +7,7 @@
 
 import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { forwardRef } from 'react';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { InlineLoading, Button } from '@carbon/react';
 import { Save, CheckmarkOutline, ErrorFilled, ErrorOutline } from '@carbon/react/icons';
 import PropTypes from '../../node_modules/prop-types/index.js';

package/es/components/SearchBar/SearchBar.js

@@ -8,7 +8,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useState, useEffect } from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 import { MultiSelect, Search, Button } from '@carbon/react';

package/es/components/SidePanel/SidePanel.js

@@ -9,7 +9,7 @@ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _
 import React__default, { useState, useRef, useEffect, useCallback } from 'react';
 import { motion, useReducedMotion, AnimatePresence } from 'framer-motion';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { useResizeObserver } from '../../global/js/hooks/useResizeObserver.js';
 import { moderate02 } from '@carbon/motion';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';

package/es/components/SimpleHeader/SimpleHeader.js

@@ -8,7 +8,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from '../../node_modules/prop-types/index.js';
 import React__default, { useCallback, useEffect } from 'react';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { pkg } from '../../settings.js';
 import pconsole from '../../global/js/utils/pconsole.js';
 import { isRequiredIf } from '../../global/js/utils/props-helper.js';

package/es/components/StatusIcon/StatusIcon.js

@@ -8,7 +8,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { forwardRef } from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { Misuse, ErrorFilled, WarningAltInvertedFilled, WarningAltFilled, UndefinedFilled, UnknownFilled, CheckmarkFilled, InformationSquareFilled, InProgress, CheckmarkOutline, Pending } from '@carbon/react/icons';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';

package/es/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js

@@ -10,7 +10,7 @@ import React__default, { useState, useRef, useEffect } from 'react';
 import lottie from 'lottie-web';
 import clamp from 'lodash/clamp';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 

package/es/components/StringFormatter/StringFormatter.js

@@ -8,7 +8,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 import { DefinitionTooltip } from '@carbon/react';

package/es/components/TagSet/TagSet.js

@@ -8,7 +8,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useState, useRef, useEffect, useCallback } from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { TagSetOverflow } from './TagSetOverflow.js';
 import { TagSetModal } from './TagSetModal.js';
 import { Tag } from '@carbon/react';

package/es/components/TagSet/TagSetModal.js

@@ -8,7 +8,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useState, useEffect } from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { ComposedModal, ModalHeader, Search, ModalBody, Tag } from '@carbon/react';
 import { pkg } from '../../settings.js';
 import { prepareProps } from '../../global/js/utils/props-helper.js';

package/es/components/TagSet/TagSetOverflow.js

@@ -8,7 +8,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useRef } from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { Popover, Tag, PopoverContent, Link } from '@carbon/react';
 import { pkg } from '../../settings.js';
 import { useClickOutside } from '../../global/js/hooks/useClickOutside.js';

package/es/components/Tearsheet/TearsheetShell.js

@@ -9,11 +9,11 @@ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _
 import React__default, { useRef, useState, useEffect } from 'react';
 import { useResizeObserver } from '../../global/js/hooks/useResizeObserver.js';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { pkg } from '../../settings.js';
 import pconsole from '../../global/js/utils/pconsole.js';
 import { getNodeTextContent } from '../../global/js/utils/getNodeTextContent.js';
-import { usePrefix, ComposedModal, ModalHeader, Layer, ModalBody, Button } from '@carbon/react';
+import { usePrefix, ComposedModal, ModalHeader, Layer, Button } from '@carbon/react';
 import { Wrap } from '../../global/js/utils/Wrap.js';
 import { usePortalTarget } from '../../global/js/hooks/usePortalTarget.js';
 import { useFocus } from '../../global/js/hooks/useFocus.js';
@@ -230,8 +230,7 @@ var TearsheetShell = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
       className: "".concat(bc, "__header-navigation")
     }, navigation)), /*#__PURE__*/React__default.createElement(Wrap, {
       ref: modalBodyRef,
-      element: ModalBody,
-      className: "".concat(bc, "__body")
+      className: "".concat(carbonPrefix, "--modal-content ").concat(bc, "__body")
     }, /*#__PURE__*/React__default.createElement(Wrap, {
       className: cx(_defineProperty(_defineProperty({}, "".concat(bc, "__influencer"), true), "".concat(bc, "__influencer--wide"), influencerWidth === 'wide')),
       neverRender: influencerPosition === 'right'
@@ -397,7 +396,7 @@ TearsheetShell.propTypes = _objectSpread2({
    */
   size: PropTypes.oneOf(['narrow', 'wide']).isRequired,
   /**
-   *  **Experimental:** Provide a `Slug` component to be rendered inside the `SidePanel` component
+   *  **Experimental:** Provide a `Slug` component to be rendered inside the `Tearsheet` component
    */
   slug: PropTypes.node,
   /**

package/es/components/Toolbar/Toolbar.js

@@ -6,7 +6,7 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { p as propTypesExports } from '../../node_modules/prop-types/index.js';
 import React__default, { forwardRef, useRef, useCallback, useState, useEffect, createContext } from 'react';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';

package/es/components/Toolbar/ToolbarButton.js

@@ -7,7 +7,7 @@
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { IconButton } from '@carbon/react';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { p as propTypesExports } from '../../node_modules/prop-types/index.js';
 import React__default, { forwardRef, useContext } from 'react';
 import { pkg } from '../../settings.js';

package/es/components/Toolbar/ToolbarGroup.js

@@ -6,7 +6,7 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { p as propTypesExports } from '../../node_modules/prop-types/index.js';
 import React__default, { forwardRef } from 'react';
 import { pkg } from '../../settings.js';

package/es/components/TooltipTrigger/TooltipTrigger.js

@@ -8,7 +8,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { pkg } from '../../settings.js';
 
 var _excluded = ["children", "className"];

package/es/components/TruncatedList/TruncatedList.js

@@ -8,7 +8,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { Children, useState, useRef, useEffect } from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg, carbon } from '../../settings.js';
 import { Button } from '@carbon/react';

package/es/components/UserAvatar/UserAvatar.js

@@ -8,14 +8,15 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 import { usePrefix, Tooltip } from '@carbon/react';
 import { User } from '@carbon/react/icons';
+import '../../global/js/utils/props-helper.js';
 import { TooltipTrigger } from '../TooltipTrigger/TooltipTrigger.js';
 
-var _excluded = ["backgroundColor", "className", "name", "renderIcon", "size", "tooltipText", "tooltipAlignment"];
+var _excluded = ["backgroundColor", "className", "image", "imageDescription", "name", "renderIcon", "size", "tooltipText", "tooltipAlignment"];
 // Carbon and package components we use.
 /* TODO: @import(s) of carbon components and other package components. */
 
@@ -50,6 +51,8 @@ var defaults = {
 var UserAvatar = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var backgroundColor = _ref.backgroundColor,
     className = _ref.className,
+    image = _ref.image,
+    imageDescription = _ref.imageDescription,
     name = _ref.name,
     RenderIcon = _ref.renderIcon,
     _ref$size = _ref.size,
@@ -84,6 +87,13 @@ var UserAvatar = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     var iconProps = {
       size: iconSize[size]
     };
+    if (image) {
+      return /*#__PURE__*/React__default.createElement("img", {
+        alt: imageDescription,
+        src: image,
+        className: "".concat(blockClass, "__photo ").concat(blockClass, "__photo--").concat(size)
+      });
+    }
     if (RenderIcon) {
       return /*#__PURE__*/React__default.createElement(RenderIcon, iconProps);
     }
@@ -136,6 +146,17 @@ UserAvatar.propTypes = {
    * Provide an optional class to be applied to the containing node.
    */
   className: PropTypes.string,
+  /**
+   * When passing the image prop, supply a full path to the image to be displayed.
+   */
+  image: PropTypes.string,
+  /**
+   * When passing the image prop use the imageDescription prop to describe the image for screen reader.
+   */
+  imageDescription: PropTypes.string.isRequired.if(function (_ref3) {
+    var image = _ref3.image;
+    return !!image;
+  }),
   /**
    * When passing the name prop, either send the initials to be used or the user's full name. The first two capital letters of the user's name will be used as the name.
    */

package/es/components/UserProfileImage/UserProfileImage.js

@@ -8,7 +8,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import '../../global/js/utils/props-helper.js';
 import { pkg } from '../../settings.js';

package/es/components/WebTerminal/WebTerminal.js

@@ -8,7 +8,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty, objectSpread2 as _objectSpread2, objectDestructuringEmpty as _objectDestructuringEmpty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useState, useMemo, useEffect } from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { pkg } from '../../settings.js';
 import { Help, Close } from '@carbon/react/icons';
 import { OverflowMenu, OverflowMenuItem, Button, Theme } from '@carbon/react';

package/es/components/WebTerminal/WebTerminalContentWrapper.js

@@ -8,7 +8,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import { pkg } from '../../settings.js';
 import { useWebTerminal } from './hooks/index.js';
 

package/es/components/_Canary/Canary.js

@@ -8,7 +8,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
-import cx from '../../node_modules/classnames/index.js';
+import cx from 'classnames';
 import pkg from '../../global/js/package-settings.js';
 import { CodeSnippet } from '@carbon/react';
 

package/es/node_modules/prop-types/index.js

@@ -6,7 +6,7 @@
  */
 
 import { getDefaultExportFromCjs } from '../../_virtual/_commonjsHelpers.js';
-import { __module as propTypes } from '../../_virtual/index2.js';
+import { __module as propTypes } from '../../_virtual/index.js';
 import require$$0 from 'react-is';
 import { __require as requireFactoryWithTypeCheckers } from './factoryWithTypeCheckers.js';
 import { __require as requireFactoryWithThrowingShims } from './factoryWithThrowingShims.js';

package/lib/_virtual/index.js

@@ -9,6 +9,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var classnames = {exports: {}};
+var propTypes = {exports: {}};
 
-exports.__module = classnames;
+exports.__module = propTypes;

package/lib/components/APIKeyModal/APIKeyModal.js

@@ -11,8 +11,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index$1 = require('../../node_modules/prop-types/index.js');
-var index = require('../../node_modules/classnames/index.js');
+var index = require('../../node_modules/prop-types/index.js');
+var cx = require('classnames');
 var react = require('@carbon/react');
 var icons = require('@carbon/react/icons');
 var APIKeyDownloader = require('./APIKeyDownloader.js');
@@ -25,6 +25,7 @@ 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 _ErrorFilled, _InformationFilled;
 var _excluded = ["apiKey", "apiKeyLabel", "apiKeyName", "body", "className", "closeButtonText", "copyButtonText", "copyErrorText", "copyIconDescription", "customSteps", "downloadBodyText", "downloadFileName", "downloadFileType", "downloadLinkText", "editButtonText", "editSuccess", "editSuccessTitle", "editing", "error", "errorText", "generateButtonText", "generateSuccessBody", "generateSuccessTitle", "generateTitle", "hasAPIKeyVisibilityToggle", "hasDownloadLink", "hideAPIKeyLabel", "loading", "loadingText", "modalLabel", "nameHelperText", "nameLabel", "namePlaceholder", "nameRequired", "nextStepButtonText", "onClose", "onCopy", "onRequestEdit", "onRequestGenerate", "open", "portalTarget", "previousStepButtonText", "showAPIKeyLabel"];
@@ -237,7 +238,7 @@ exports.APIKeyModal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     open: open,
     ref: ref
   }, devtools.getDevtoolsProps(componentName)), {
-    className: index["default"](className, blockClass),
+    className: cx__default["default"](className, blockClass),
     onClose: onCloseHandler,
     size: "sm",
     "aria-label": modalLabel,
@@ -335,190 +336,190 @@ exports.APIKeyModal.propTypes = {
   /**
    * the api key that's displayed to the user when a request to create is fulfilled.
    */
-  apiKey: index$1["default"].string,
+  apiKey: index["default"].string,
   /**
    * label for the text input that holds the api key.
    */
-  apiKeyLabel: index$1["default"].string,
+  apiKeyLabel: index["default"].string,
   /**
    * the name of the api key. should only be supplied in edit mode.
    */
-  apiKeyName: index$1["default"].string,
+  apiKeyName: index["default"].string,
   /**
    * body content for the modal
    */
-  body: index$1["default"].string,
+  body: index["default"].string,
   /**
    * optional class name
    */
-  className: index$1["default"].string,
+  className: index["default"].string,
   /**
    * text for the close button
    */
-  closeButtonText: index$1["default"].string,
+  closeButtonText: index["default"].string,
   /**
    * text for the copy button
    */
-  copyButtonText: index$1["default"].string,
+  copyButtonText: index["default"].string,
   /**
    * Error message for when the copy function fails
    */
-  copyErrorText: index$1["default"].string,
+  copyErrorText: index["default"].string,
   /**
    * text description for the copy button icon
    */
-  copyIconDescription: index$1["default"].string,
+  copyIconDescription: index["default"].string,
   /**
    * if you need more options for key creation beyond just the name use custom steps to obtain whatever data is required.
    */
-  customSteps: index$1["default"].arrayOf(index$1["default"].shape({
+  customSteps: index["default"].arrayOf(index["default"].shape({
     /**
      * designates if the step has passed whatever validation rules are in place.
      */
-    valid: index$1["default"].bool,
+    valid: index["default"].bool,
     /**
      * designates content is the JSX that holds whatever inputs you need
      */
-    content: index$1["default"].node,
+    content: index["default"].node,
     /**
      * designates the title that's displayed at the top of the modal for each step
      */
-    title: index$1["default"].string
+    title: index["default"].string
   })),
   /**
    * the content that appears that indicates the key is downloadable
    */
-  downloadBodyText: downloadRequiredProps(index$1["default"].string),
+  downloadBodyText: downloadRequiredProps(index["default"].string),
   /**
    * designates the name of downloadable json file with the key. if not specified will default to 'apikey'
    */
-  downloadFileName: downloadRequiredProps(index$1["default"].string),
+  downloadFileName: downloadRequiredProps(index["default"].string),
   /**
    * designates the file type for the downloadable key
    */
-  downloadFileType: downloadRequiredProps(index$1["default"].oneOf(['txt', 'json'])),
+  downloadFileType: downloadRequiredProps(index["default"].oneOf(['txt', 'json'])),
   /**
    * anchor text for the download link
    */
-  downloadLinkText: downloadRequiredProps(index$1["default"].string),
+  downloadLinkText: downloadRequiredProps(index["default"].string),
   /**
    * text for the edit button
    */
-  editButtonText: editRequiredProps(index$1["default"].string),
+  editButtonText: editRequiredProps(index["default"].string),
   /**
    * designates if the edit request was successful
    */
-  editSuccess: editRequiredProps(index$1["default"].bool),
+  editSuccess: editRequiredProps(index["default"].bool),
   /**
    * title for a successful edit
    */
-  editSuccessTitle: editRequiredProps(index$1["default"].string),
+  editSuccessTitle: editRequiredProps(index["default"].string),
   /**
    * designates if the modal is in the edit mode
    */
-  editing: index$1["default"].bool,
+  editing: index["default"].bool,
   /**
    * designates if an error has occurred in a request
    */
-  error: index$1["default"].bool,
+  error: index["default"].bool,
   /**
    * text to display if an error has occurred
    */
-  errorText: index$1["default"].string,
+  errorText: index["default"].string,
   /**
    * default primary button text for modal in assumed default mode create or generate.
    * in create mode this is the button text prior to supplying an api key, which then
    * uses copyButtonText
    */
-  generateButtonText: index$1["default"].string,
+  generateButtonText: index["default"].string,
   /**
    * content to display if generate request was successful
    */
-  generateSuccessBody: index$1["default"].node,
+  generateSuccessBody: index["default"].node,
   /**
    * title for a successful key generation
    */
-  generateSuccessTitle: index$1["default"].string,
+  generateSuccessTitle: index["default"].string,
   /**
    * default title for the modal in generate key mode
    */
-  generateTitle: index$1["default"].string,
+  generateTitle: index["default"].string,
   /**
    * designates if the api input has the visibility toggle enabled
    */
-  hasAPIKeyVisibilityToggle: index$1["default"].bool,
+  hasAPIKeyVisibilityToggle: index["default"].bool,
   /**
    * designates if user is able to download the api key
    */
-  hasDownloadLink: index$1["default"].bool,
+  hasDownloadLink: index["default"].bool,
   /**
    * label text that's displayed when hovering over visibility toggler to hide key
    */
-  hideAPIKeyLabel: index$1["default"].string,
+  hideAPIKeyLabel: index["default"].string,
   /**
    * designates if the modal is in a loading state via a request or some other in progress operation
    */
-  loading: index$1["default"].bool,
+  loading: index["default"].bool,
   /**
    * text that displays while modal is in the loading state
    */
-  loadingText: index$1["default"].string,
+  loadingText: index["default"].string,
   /**
    * general label text for modal
    */
-  modalLabel: index$1["default"].string,
+  modalLabel: index["default"].string,
   /**
    * helper text for name input
    */
-  nameHelperText: index$1["default"].string,
+  nameHelperText: index["default"].string,
   /**
    * label for api key name input
    */
-  nameLabel: index$1["default"].string,
+  nameLabel: index["default"].string,
   /**
    * placeholder text for api key name input
    */
-  namePlaceholder: index$1["default"].string,
+  namePlaceholder: index["default"].string,
   /**
    * designates if a name is required or not for key generation. NOTE- if using custom steps set this to false since you will be using your own validation
    */
-  nameRequired: index$1["default"].bool,
+  nameRequired: index["default"].bool,
   /**
    * text that displays in the primary button when using custom steps to indicate to the user that there is a next step
    */
-  nextStepButtonText: customStepsRequiredProps(index$1["default"].string),
+  nextStepButtonText: customStepsRequiredProps(index["default"].string),
   /**
    * handler for on modal close
    */
-  onClose: index$1["default"].func,
+  onClose: index["default"].func,
   /**
    * Optional callback if you want to use your own copy function instead of the build in one
    * onCopy(apiKey)
    */
-  onCopy: index$1["default"].func,
+  onCopy: index["default"].func,
   /**
    * handler for api key edit
    */
-  onRequestEdit: index$1["default"].func,
+  onRequestEdit: index["default"].func,
   /**
    * handler for api key generation
    */
-  onRequestGenerate: index$1["default"].func,
+  onRequestGenerate: index["default"].func,
   /**
    * designates if modal is open or closed
    */
-  open: index$1["default"].bool.isRequired,
+  open: index["default"].bool.isRequired,
   /**
    * The DOM node the tearsheet should be rendered within. Defaults to document.body.
    */
-  portalTarget: index$1["default"].node,
+  portalTarget: index["default"].node,
   /**
    * text that displays in the secondary button when using custom steps to indicate to the user that there is a previous step
    */
-  previousStepButtonText: customStepsRequiredProps(index$1["default"].string),
+  previousStepButtonText: customStepsRequiredProps(index["default"].string),
   /**
    * label text that's displayed when hovering over visibility toggler to show key
    */
-  showAPIKeyLabel: index$1["default"].string
+  showAPIKeyLabel: index["default"].string
 };
 exports.APIKeyModal.displayName = componentName;