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

package/lib/components/EditUpdateCards/EditUpdateCards.js

@@ -7,22 +7,16 @@
 
 '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 ProductiveCard = require('../ProductiveCard/ProductiveCard.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
-var ProductiveCard = require('../ProductiveCard/ProductiveCard.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 = ["actionIcons", "actionsPlacement", "className", "description", "editChildren", "editMode", "label", "onPrimaryButtonClick", "onSecondaryButtonClick", "previewChildren", "title", "titleSize", "primaryButtonIcon", "primaryButtonText", "secondaryButtonIcon", "secondaryButtonText"];
+
 // import { children } from 'cheerio/lib/api/traversing';
 
 // Carbon and package components we use.
@@ -53,7 +47,7 @@ var componentName = 'EditUpdateCards';
  These cards are generally used in instances where a user needs to make changes to a resource instances
  (ex. configuration details), account plan, etc. Editable cards allow a user to edit something within context.
  */
-exports.EditUpdateCards = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.EditUpdateCards = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var actionIcons = _ref.actionIcons,
     actionsPlacement = _ref.actionsPlacement,
     className = _ref.className,
@@ -85,15 +79,14 @@ exports.EditUpdateCards = /*#__PURE__*/React__default["default"].forwardRef(func
     secondaryButtonPlacement: 'top',
     secondaryButtonText: secondaryButtonText
   };
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass,
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass,
     // Apply the block class to the main HTML element
     className, // Apply any supplied class names to the main HTML element.
     // example: `${blockClass}__template-string-class-${kind}-n-${size}`,
     _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__actions-bottom"), actionsPlacement === 'bottom')),
-    ref: ref,
-    role: "main"
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement(ProductiveCard.ProductiveCard, _rollupPluginBabelHelpers["extends"]({
+    ref: ref
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(ProductiveCard.ProductiveCard, _rollupPluginBabelHelpers.extends({
     actionIcons: actionIcons,
     actionsPlacement: actionsPlacement,
     className: className,
@@ -101,7 +94,7 @@ exports.EditUpdateCards = /*#__PURE__*/React__default["default"].forwardRef(func
     label: label,
     title: title,
     titleSize: titleSize
-  }, editMode && conditionalProps), editMode === false && /*#__PURE__*/React__default["default"].createElement("div", null, previewChildren), editMode && /*#__PURE__*/React__default["default"].createElement("div", null, editChildren)));
+  }, editMode && conditionalProps), editMode === false && /*#__PURE__*/React.createElement("div", null, previewChildren), editMode && /*#__PURE__*/React.createElement("div", null, editChildren)));
 });
 
 // Return a placeholder if not released and not enabled by feature flag
@@ -119,95 +112,95 @@ exports.EditUpdateCards.propTypes = {
    * Icons that are displayed on card. Refer to design documentation for implementation guidelines
    */
   /**@ts-ignore */
-  actionIcons: index["default"].arrayOf(index["default"].shape({
-    id: index["default"].string,
-    icon: index["default"].oneOfType([index["default"].func, index["default"].object]),
-    onKeyDown: index["default"].func,
-    onClick: index["default"].func,
-    iconDescription: index["default"].string,
-    href: index["default"].string
+  actionIcons: index.default.arrayOf(index.default.shape({
+    id: index.default.string,
+    icon: index.default.oneOfType([index.default.func, index.default.object]),
+    onKeyDown: index.default.func,
+    onClick: index.default.func,
+    iconDescription: index.default.string,
+    href: index.default.string
   })),
   /**
    * Determines if the action icons are on the top or bottom of the card
    */
-  actionsPlacement: index["default"].oneOf(['top', 'bottom']),
+  actionsPlacement: index.default.oneOf(['top', 'bottom']),
   /**
    * Optional label for the top of the card.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Optional header description
    */
-  description: index["default"].string,
+  description: index.default.string,
   /**
    * Edit mode children
    */
-  editChildren: index["default"].node,
+  editChildren: index.default.node,
   /**
    * Edit mode
    */
-  editMode: index["default"].bool,
+  editMode: index.default.bool,
   /**
    * Optional label for the top of the card
    */
-  label: index["default"].string,
+  label: index.default.string,
   /**
    * Function that's called from the primary button or action icon
    */
-  onPrimaryButtonClick: index["default"].func,
+  onPrimaryButtonClick: index.default.func,
   /**
    * Function that's called from the secondary button or action icon
    */
-  onSecondaryButtonClick: index["default"].func,
+  onSecondaryButtonClick: index.default.func,
   /**
    * Preview mode children
    */
-  previewChildren: index["default"].node,
+  previewChildren: index.default.node,
   /**
    * Optional prop to allow overriding the icon rendering. Can be a React component class
    */
   /**@ts-ignore */
-  primaryButtonIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
+  primaryButtonIcon: index.default.oneOfType([index.default.func, index.default.object]),
   /**
    * Establishes the kind of button displayed for the primary button
    */
-  primaryButtonKind: index["default"].oneOf(['primary', 'ghost']),
+  primaryButtonKind: index.default.oneOf(['primary', 'ghost']),
   /**
    * Determines if the primary button is on the top or bottom of the card
    */
-  primaryButtonPlacement: index["default"].oneOf(['top', 'bottom']),
+  primaryButtonPlacement: index.default.oneOf(['top', 'bottom']),
   /**
    * The text that's displayed in the primary button
    */
-  primaryButtonText: index["default"].string,
+  primaryButtonText: index.default.string,
   /**
    * Optionally specify an href for your Button to become an <a> element
    */
-  secondaryButtonHref: index["default"].string,
+  secondaryButtonHref: index.default.string,
   /**
    * Optional prop to allow overriding the icon rendering. Can be a React component class
    */
   /**@ts-ignore */
-  secondaryButtonIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
+  secondaryButtonIcon: index.default.oneOfType([index.default.func, index.default.object]),
   /**
    * Establishes the kind of button displayed for the secondary button
    */
-  secondaryButtonKind: index["default"].oneOf(['secondary', 'ghost']),
+  secondaryButtonKind: index.default.oneOf(['secondary', 'ghost']),
   /**
    * Determines if the secondary button is on the top or bottom of the card
    */
-  secondaryButtonPlacement: index["default"].oneOf(['top', 'bottom']),
+  secondaryButtonPlacement: index.default.oneOf(['top', 'bottom']),
   /**
    * The text that's displayed in the secondary button
    */
-  secondaryButtonText: index["default"].string,
+  secondaryButtonText: index.default.string,
   /**
    * Title that's displayed at the top of the card
    */
-  title: index["default"].string,
+  title: index.default.string,
   /**
    * Determines title size
    */
-  titleSize: index["default"].oneOf(['default', 'large'])
+  titleSize: index.default.oneOf(['default', 'large'])
   /* TODO: add types and DocGen for all props. */
 };

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

@@ -1 +1,8 @@
-export { EditUpdateCards } from "./EditUpdateCards";
+/**
+ * Copyright IBM Corp. 2022, 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { EditUpdateCards } from './EditUpdateCards';
+export type { EditUpdateCardsProps } from './EditUpdateCards';

package/lib/components/EmptyStates/EmptyState.d.ts

@@ -1,9 +1,76 @@
-export namespace defaults {
-    let position: string;
-    let size: string;
+/**
+ * Copyright IBM Corp. 2020, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/// <reference path="../../../src/custom-typings/index.d.ts" />
+import React, { ReactNode } from 'react';
+import '../../global/js/utils/props-helper';
+import { ButtonProps } from '@carbon/react';
+import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
+declare enum sizes {
+    lg = "lg",
+    sm = "sm"
+}
+export declare const defaults: {
+    position: string;
+    size: sizes;
+};
+interface EmptyStateProps {
+    /**
+     * Empty state action button
+     */
+    action?: {
+        kind?: 'primary' | 'secondary' | 'tertiary';
+        renderIcon?: CarbonIconType;
+        onClick?: ButtonProps['onClick'];
+        text?: string;
+    };
+    /**
+     * Provide an optional class to be applied to the containing node.
+     */
+    className?: string;
+    /**
+     * Empty state illustration, specify the `src` for a provided illustration to be displayed. In the case of requiring a light and dark illustration of your own, simply pass the corresponding illustration based on the current theme of your application.
+     * For example: `illustration={appTheme === 'dark' ? darkIllustration : lightIllustration}`
+     */
+    illustration?: string;
+    /**
+     * The alt text for empty state svg images. If not provided , title will be used.
+     */
+    illustrationDescription?: string;
+    /**
+     * Designates the position of the illustration relative to the content
+     */
+    illustrationPosition?: 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * Empty state link object
+     */
+    link?: {
+        text?: string | ReactNode;
+        href?: string;
+    };
+    /**
+     * Empty state size
+     */
+    size?: 'lg' | 'sm';
+    /**
+     * Empty state subtitle
+     */
+    subtitle?: string | ReactNode;
+    /**
+     * Empty state title
+     */
+    title: string | ReactNode;
+    /**
+     * Designates which version of the EmptyState component is being used.
+     * Refer to V2 documentation separately.
+     */
+    v2?: boolean;
 }
 /**
  * The `EmptyState` component follows the Carbon guidelines for empty states with some added specifications around illustration usage. For additional usage guidelines and documentation please refer to the links above.
  */
-export let EmptyState: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+export declare let EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/lib/components/EmptyStates/EmptyState.js

@@ -7,11 +7,9 @@
 
 '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 index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var react = require('@carbon/react');
 var devtools = require('../../global/js/utils/devtools.js');
@@ -20,34 +18,31 @@ var settings = require('../../settings.js');
 var EmptyStateContent = require('./EmptyStateContent.js');
 var EmptyStateV2 = require('./EmptyStateV2.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 = ["v2"],
   _excluded2 = ["action", "className", "illustration", "illustrationDescription", "illustrationPosition", "link", "size", "subtitle", "title"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(settings.pkg.prefix, "--empty-state");
 var componentName = 'EmptyState';
-
-// Default values for props
+var sizes = /*#__PURE__*/function (sizes) {
+  sizes["lg"] = "lg";
+  sizes["sm"] = "sm";
+  return sizes;
+}(sizes || {}); // Default values for props
 var defaults = {
   position: 'top',
-  size: 'lg'
+  size: sizes.lg
 };
-
 /**
  * The `EmptyState` component follows the Carbon guidelines for empty states with some added specifications around illustration usage. For additional usage guidelines and documentation please refer to the links above.
  */
-exports.EmptyState = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.EmptyState = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$v = _ref.v2,
     v2 = _ref$v === void 0 ? false : _ref$v,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   // todo: deprecate v1
   if (v2) {
-    return /*#__PURE__*/React__default["default"].createElement(EmptyStateV2.EmptyStateV2, props);
+    return /*#__PURE__*/React.createElement(EmptyStateV2.EmptyStateV2, props);
   }
   var action = props.action,
     className = props.className,
@@ -61,19 +56,19 @@ exports.EmptyState = /*#__PURE__*/React__default["default"].forwardRef(function
     subtitle = props.subtitle,
     title = props.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded2);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, "".concat(blockClass, "-type--default"), className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "-position--").concat(illustrationPosition), !!illustration)),
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, "".concat(blockClass, "-type--default"), className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "-position--").concat(illustrationPosition), !!illustration)),
     ref: ref
-  }, devtools.getDevtoolsProps(componentName)), illustration && /*#__PURE__*/React__default["default"].createElement("img", {
+  }, devtools.getDevtoolsProps(componentName)), illustration && /*#__PURE__*/React.createElement("img", {
     src: illustration,
     alt: illustrationDescription,
-    className: cx__default["default"](["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration--").concat(size)])
-  }), /*#__PURE__*/React__default["default"].createElement(EmptyStateContent.EmptyStateContent, {
+    className: cx(["".concat(blockClass, "__illustration"), "".concat(blockClass, "__illustration--").concat(size)])
+  }), /*#__PURE__*/React.createElement(EmptyStateContent.EmptyStateContent, {
     action: action,
     link: link,
     size: size,
     subtitle: subtitle,
-    title: title
+    title: title !== null && title !== void 0 ? title : ''
   }));
 });
 
@@ -83,56 +78,57 @@ exports.EmptyState.propTypes = {
   /**
    * Empty state action button
    */
-  action: index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
-    kind: index["default"].oneOf(['primary', 'secondary', 'tertiary']),
-    renderIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
+  action: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
+    kind: index.default.oneOf(['primary', 'secondary', 'tertiary']),
+    renderIcon: index.default.oneOfType([index.default.func, index.default.object]),
     onClick: react.Button.propTypes.onClick,
-    text: index["default"].string
+    text: index.default.string
   })),
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Empty state illustration, specify the `src` for a provided illustration to be displayed. In the case of requiring a light and dark illustration of your own, simply pass the corresponding illustration based on the current theme of your application.
    * For example: `illustration={appTheme === 'dark' ? darkIllustration : lightIllustration}`
    */
-  illustration: index["default"].string,
+  illustration: index.default.string,
   /**
    * The alt text for custom provided illustrations
    */
-  illustrationDescription: index["default"].string.isRequired.if(function (_ref2) {
+  /**@ts-ignore*/
+  illustrationDescription: index.default.string.isRequired.if(function (_ref2) {
     var illustration = _ref2.illustration;
     return illustration;
   }),
   /**
    * Designates the position of the illustration relative to the content
    */
-  illustrationPosition: index["default"].oneOf(['top', 'right', 'bottom', 'left']),
+  illustrationPosition: index.default.oneOf(['top', 'right', 'bottom', 'left']),
   /**
    * Empty state link object
    */
-  link: index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
-    text: index["default"].oneOfType([index["default"].string, index["default"].node]),
-    href: index["default"].string
+  link: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
+    text: index.default.oneOfType([index.default.string, index.default.node]),
+    href: index.default.string
   })),
   /**
    * Empty state size
    */
-  size: index["default"].oneOf(['lg', 'sm']),
+  size: index.default.oneOf(['lg', 'sm']),
   /**
    * Empty state subtext
    */
-  subtitle: index["default"].oneOfType([index["default"].string, index["default"].node]),
+  subtitle: index.default.oneOfType([index.default.string, index.default.node]),
   /**
    * Empty state heading
    */
-  title: index["default"].oneOfType([index["default"].string, index["default"].node]).isRequired,
+  title: index.default.oneOfType([index.default.string, index.default.node]).isRequired,
   /**
    * Designates which version of the EmptyState component is being used.
    * Refer to V2 documentation separately.
    */
-  v2: index["default"].bool
+  v2: index.default.bool
 };
 exports.EmptyState.displayName = componentName;
 

package/lib/components/EmptyStates/EmptyStateContent.js

@@ -7,20 +7,13 @@
 
 '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 index = require('../../_virtual/index.js');
 var settings = require('../../settings.js');
 var cx = require('classnames');
 var react = require('@carbon/react');
 
-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);
-
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(settings.pkg.prefix, "--empty-state");
 var componentName = 'EmptyStateContent';
@@ -30,19 +23,19 @@ var EmptyStateContent = function EmptyStateContent(_ref) {
     size = _ref.size,
     subtitle = _ref.subtitle,
     title = _ref.title;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__content")
-  }, /*#__PURE__*/React__default["default"].createElement("h3", {
-    className: cx__default["default"]("".concat(blockClass, "__header"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__header--small"), size === 'sm'))
-  }, title), subtitle && /*#__PURE__*/React__default["default"].createElement("p", {
-    className: cx__default["default"]("".concat(blockClass, "__subtitle"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__subtitle--small"), size === 'sm'))
-  }, subtitle), (action === null || action === void 0 ? void 0 : action.text) && (action === null || action === void 0 ? void 0 : action.onClick) && /*#__PURE__*/React__default["default"].createElement(react.Button, _rollupPluginBabelHelpers["extends"]({}, action, {
+  }, /*#__PURE__*/React.createElement("h3", {
+    className: cx("".concat(blockClass, "__header"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__header--small"), size === 'sm'))
+  }, title), subtitle && /*#__PURE__*/React.createElement("p", {
+    className: cx("".concat(blockClass, "__subtitle"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__subtitle--small"), size === 'sm'))
+  }, subtitle), (action === null || action === void 0 ? void 0 : action.text) && (action === null || action === void 0 ? void 0 : action.onClick) && /*#__PURE__*/React.createElement(react.Button, _rollupPluginBabelHelpers.extends({}, action, {
     className: "".concat(blockClass, "__action-button"),
     kind: action.kind || 'tertiary',
     onClick: action.onClick,
     renderIcon: action.renderIcon || null,
     size: 'sm'
-  }), action.text), (link === null || link === void 0 ? void 0 : link.text) && (link === null || link === void 0 ? void 0 : link.href) && /*#__PURE__*/React__default["default"].createElement(react.Link, _rollupPluginBabelHelpers["extends"]({}, link, {
+  }), action.text), (link === null || link === void 0 ? void 0 : link.text) && (link === null || link === void 0 ? void 0 : link.href) && /*#__PURE__*/React.createElement(react.Link, _rollupPluginBabelHelpers.extends({}, link, {
     className: "".concat(blockClass, "__link"),
     href: link.href
   }), link.text));
@@ -59,32 +52,32 @@ EmptyStateContent.propTypes = {
   /**
    * Empty state action button
    */
-  action: index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
-    iconDescription: index["default"].string,
-    kind: index["default"].oneOf(['primary', 'secondary', 'tertiary']),
-    renderIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
+  action: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Button.propTypes), {}, {
+    iconDescription: index.default.string,
+    kind: index.default.oneOf(['primary', 'secondary', 'tertiary']),
+    renderIcon: index.default.oneOfType([index.default.func, index.default.object]),
     onClick: react.Button.propTypes.onClick,
-    text: index["default"].string
+    text: index.default.string
   })),
   /**
    * Empty state link object
    */
-  link: index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
-    text: index["default"].oneOfType([index["default"].string, index["default"].node]),
-    href: index["default"].string
+  link: index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, react.Link.propTypes), {}, {
+    text: index.default.oneOfType([index.default.string, index.default.node]),
+    href: index.default.string
   })),
   /**
    * Empty state size
    */
-  size: index["default"].oneOf(['lg', 'sm']),
+  size: index.default.oneOf(['lg', 'sm']),
   /**
    * Empty state subtitle
    */
-  subtitle: index["default"].oneOfType([index["default"].string, index["default"].node]),
+  subtitle: index.default.oneOfType([index.default.string, index.default.node]),
   /**
    * Empty state title
    */
-  title: index["default"].oneOfType([index["default"].string, index["default"].node]).isRequired
+  title: index.default.oneOfType([index.default.string, index.default.node]).isRequired
 };
 
 exports.EmptyStateContent = EmptyStateContent;

package/lib/components/EmptyStates/EmptyStateIllustration.js

@@ -11,11 +11,7 @@ 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');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var index = require('../../_virtual/index.js');
 
 var _excluded = ["kind"];
 var ErrorIllustration = /*#__PURE__*/React.lazy(function () {
@@ -60,11 +56,11 @@ var EmptyStateIllustration = function EmptyStateIllustration(_ref) {
   var kind = _ref.kind,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var Illustration = getIllustration(kind);
-  return /*#__PURE__*/React__default["default"].createElement(React.Suspense, null, /*#__PURE__*/React__default["default"].createElement(Illustration, rest));
+  return /*#__PURE__*/React.createElement(React.Suspense, null, /*#__PURE__*/React.createElement(Illustration, rest));
 };
 EmptyStateIllustration.propTypes = {
-  kind: index["default"].string
+  kind: index.default.string
 };
 var EmptyStateIllustration$1 = EmptyStateIllustration;
 
-exports["default"] = EmptyStateIllustration$1;
+exports.default = EmptyStateIllustration$1;

package/lib/components/EmptyStates/EmptyStateV2.d.ts

@@ -1,6 +1,67 @@
+/**
+ * Copyright IBM Corp. 2023, 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 React, { ReactNode } from 'react';
+import '../../global/js/utils/props-helper';
+interface EmptyStateV2Props {
+    /**
+     * Props for the action button. Refer to the Carbon Components button documentation for full list of props.
+     */
+    action?: {
+        text?: string;
+    };
+    /**
+     * Provide an optional class to be applied to the containing node.
+     */
+    className?: string;
+    /**
+     * Source for the illustration image if you choose to use your own custom image. Passing an illustration prop will supersede the kind option.
+     */
+    illustration?: string;
+    /**
+     * The alt text for the illustration
+     */
+    illustrationDescription?: string;
+    /**
+     * Designates the position of the illustration relative to the content
+     */
+    illustrationPosition?: 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * Empty state illustration theme variations.
+     * To ensure you use the correct themed illustrations, you can conditionally specify light or dark
+     * based on your app's current theme value. Example:
+     * `illustrationTheme={appTheme === ('carbon--g100' || 'carbon--g90') ? 'dark' : 'light'}`
+     */
+    illustrationTheme?: 'light' | 'dark';
+    /**
+     * Determines which predefined illustration will be displayed
+     */
+    kind?: 'error' | 'noData' | 'noTags' | 'notFound' | 'notifications' | 'unauthorized';
+    /**
+     * Props for the link. Refer to the Carbon Components link documentation for full list of props.
+     */
+    link?: {
+        text?: string | ReactNode;
+    };
+    /**
+     * Empty state size
+     */
+    size?: 'sm' | 'lg';
+    /**
+     * Empty state subtext
+     */
+    subtitle?: string | ReactNode;
+    /**
+     * Empty state heading
+     */
+    title: string | ReactNode;
+}
 /**
  * This is the V2 version of the `EmptyState` component. To use you must pass the `v2` prop to the V1 version of the component `EmptyState` and use the props below.
  * In order to avoid breaking changes in the future `EmptyStateV2` is not actually directly importable.
  */
-export let EmptyStateV2: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+export declare let EmptyStateV2: React.ForwardRefExoticComponent<EmptyStateV2Props & React.RefAttributes<HTMLDivElement>>;
+export {};