@carbon/ibm-products 2.43.2-canary.22 → 2.43.2-canary.226

package/es/components/EmptyStates/EmptyStateV2.js

@@ -18,7 +18,6 @@ import EmptyStateIllustration from './EmptyStateIllustration.js';
 var _excluded = ["action", "className", "illustration", "illustrationDescription", "illustrationPosition", "illustrationTheme", "kind", "link", "size", "subtitle", "title"];
 var blockClass = "".concat(pkg.prefix, "--empty-state");
 var componentName = 'EmptyStateV2';
-
 /**
  * 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.
@@ -72,6 +71,7 @@ EmptyStateV2.propTypes = {
   /**
    * Props for the action button. Refer to the Carbon Components button documentation for full list of props.
    */
+  /**@ts-ignore*/
   action: PropTypes.PropTypes.shape({
     text: PropTypes.string
   }),
@@ -105,8 +105,9 @@ EmptyStateV2.propTypes = {
   /**
    * Props for the link. Refer to the Carbon Components link documentation for full list of props.
    */
+  /**@ts-ignore*/
   link: PropTypes.shape({
-    text: PropTypes.string
+    text: PropTypes.oneOfType([PropTypes.string, PropTypes.node])
   }),
   /**
    * Empty state size

package/es/components/ExportModal/ExportModal.d.ts

@@ -1,12 +1,12 @@
 /// <reference path="../../../src/custom-typings/index.d.ts" />
-import React, { ReactNode } from 'react';
 import { ComposedModal } from '@carbon/react';
+import React, { ReactNode } from 'react';
 type InputType = 'text' | 'password';
 type PreformattedExtensions = {
     extension?: string;
     description?: string;
 };
-interface RemoveModalProps extends React.ComponentProps<typeof ComposedModal> {
+export interface ExportModalProps extends React.ComponentProps<typeof ComposedModal> {
     /**
      * Body content for the modal
      */
@@ -107,7 +107,7 @@ interface RemoveModalProps extends React.ComponentProps<typeof ComposedModal> {
 /**
  * Modal dialog version of the export pattern
  */
-export declare let ExportModal: React.ForwardRefExoticComponent<RemoveModalProps & {
+export declare let ExportModal: React.ForwardRefExoticComponent<ExportModalProps & {
     children?: React.ReactNode;
 } & React.RefAttributes<unknown>>;
 export {};

package/es/components/ExportModal/ExportModal.js

@@ -6,15 +6,15 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef, useState, useEffect, useRef } from 'react';
 import { ComposedModal, ModalHeader, ModalBody, FormGroup, RadioButtonGroup, RadioButton, TextInput, PasswordInput, Loading, ModalFooter, Button } from '@carbon/react';
-import cx from 'classnames';
 import { CheckmarkFilled, ErrorFilled } from '@carbon/react/icons';
+import React__default, { forwardRef, useState, useEffect, useRef } from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
+import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
-import uuidv4 from '../../global/js/utils/uuidv4.js';
 import { pkg } from '../../settings.js';
 import { usePortalTarget } from '../../global/js/hooks/usePortalTarget.js';
+import uuidv4 from '../../global/js/utils/uuidv4.js';
 
 var _Loading;
 var _excluded = ["body", "className", "error", "errorMessage", "filename", "hidePasswordLabel", "inputLabel", "inputType", "invalidInputText", "loading", "loadingMessage", "onClose", "onRequestSubmit", "open", "portalTarget", "preformattedExtensions", "preformattedExtensionsLabel", "primaryButtonText", "secondaryButtonText", "showPasswordLabel", "successMessage", "successful", "title", "validExtensions"];

package/es/components/ExportModal/index.d.ts

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

package/es/components/ExpressiveCard/ExpressiveCard.d.ts

@@ -8,7 +8,7 @@ type ActionIcon = {
     iconDescription?: string;
     href?: string;
 };
-interface ExpressiveCardProps extends PropsWithChildren {
+export interface ExpressiveCardProps extends PropsWithChildren {
     /**
      * Icons that are displayed on card. Refer to design documentation for implementation guidelines. Note- href will supersede onClick
      */

package/es/components/ExpressiveCard/ExpressiveCard.js

@@ -9,8 +9,8 @@ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js
 import React__default, { forwardRef } from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
-import { prepareProps } from '../../global/js/utils/props-helper.js';
 import { pkg } from '../../settings.js';
+import { prepareProps } from '../../global/js/utils/props-helper.js';
 import { Card } from '../Card/Card.js';
 
 var componentName = 'ExpressiveCard';

package/es/components/ExpressiveCard/index.d.ts

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

package/es/components/FeatureFlags/index.d.ts

@@ -1,37 +1,42 @@
+/**
+ * Copyright IBM Corp. 2024, 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 from 'react';
+import PropTypes from 'prop-types';
+/**
+ * Our FeatureFlagContext is used alongside the FeatureFlags component to enable
+ * or disable feature flags in a given React tree
+ */
+declare const FeatureFlagContext: React.Context<any>;
 /**
  * Supports an object of feature flag values with the `flags` prop, merging them
  * along with the current `FeatureFlagContext` to provide consumers to check if
  * a feature flag is enabled or disabled in a given React tree
  */
-export function FeatureFlags({ children, flags }: {
+declare function FeatureFlags({ children, flags }: {
     children: any;
     flags?: {} | undefined;
 }): import("react/jsx-runtime").JSX.Element;
-export namespace FeatureFlags {
-    namespace propTypes {
-        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        let flags: PropTypes.Requireable<{
+declare namespace FeatureFlags {
+    var propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Provide the feature flags to enabled or disabled in the current React tree
+         */
+        flags: PropTypes.Requireable<{
             [x: string]: boolean | null | undefined;
         }>;
-    }
+    };
 }
 /**
- * Our FeatureFlagContext is used alongside the FeatureFlags component to enable
- * or disable feature flags in a given React tree
+ * Access whether a given flag is enabled or disabled in a given FeatureFlagContext
  */
-export const FeatureFlagContext: React.Context<any>;
+declare function useFeatureFlag(flag: string): boolean;
 /**
  * Access all feature flag information for the given FeatureFlagContext
- *
- * @returns {FeatureFlagScope}
- */
-export function useFeatureFlags(): FeatureFlagScope;
-/**
- * Access whether a given flag is enabled or disabled in a given
- * FeatureFlagContext
- *
- * @returns {boolean}
  */
-export function useFeatureFlag(flag: any): boolean;
-import PropTypes from 'prop-types';
-import React from 'react';
+declare function useFeatureFlags(): any;
+export { FeatureFlags, FeatureFlagContext, useFeatureFlags, useFeatureFlag };

package/es/components/FeatureFlags/index.js

@@ -100,21 +100,15 @@ function useChangedValue(value, compare, callback) {
 }
 
 /**
- * Access whether a given flag is enabled or disabled in a given
- * FeatureFlagContext
- *
- * @returns {boolean}
+ * Access whether a given flag is enabled or disabled in a given FeatureFlagContext
  */
 function useFeatureFlag(flag) {
   var scope = useContext(FeatureFlagContext);
-  // console.log(scope);
   return scope.enabled(flag);
 }
 
 /**
  * Access all feature flag information for the given FeatureFlagContext
- *
- * @returns {FeatureFlagScope}
  */
 function useFeatureFlags() {
   return useContext(FeatureFlagContext);
@@ -125,9 +119,6 @@ function useFeatureFlags() {
  * comparison since the objects we are comparing are objects with boolean flags
  * from the flags prop in the `FeatureFlags` component
  *
- * @param {object} a
- * @param {object} b
- * @returns {boolean}
  */
 function isEqual(a, b) {
   if (a === b) {

package/es/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js

@@ -12,8 +12,8 @@ import cx from 'classnames';
 import { AccordionItem, ListItem } from '@carbon/react';
 import { getDevtoolsProps } from '../../../global/js/utils/devtools.js';
 import { pkg } from '../../../settings.js';
-import { FilterPanelLabel } from '../FilterPanelLabel/FilterPanelLabel.js';
 import { TruncatedList } from '../../TruncatedList/TruncatedList.js';
+import { FilterPanelLabel } from '../FilterPanelLabel/FilterPanelLabel.js';
 
 var _excluded = ["accordionItemProps", "truncatedListProps", "children", "className", "count", "labelText", "title"];
 

package/es/components/FilterSummary/FilterSummary.d.ts

@@ -9,7 +9,7 @@ export interface Filter {
     key: string;
     value: string;
 }
-interface FilterSummaryProps {
+export interface FilterSummaryProps {
     className?: string;
     clearButtonInline?: boolean;
     clearFilters: () => void;

package/es/components/FilterSummary/FilterSummary.js

@@ -6,20 +6,20 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, slicedToArray as _slicedToArray, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useRef, useState } from 'react';
-import { Button, IconButton } from '@carbon/react';
 import { AnimatePresence, motion } from 'framer-motion';
+import { Button, IconButton } from '@carbon/react';
+import { DURATIONS, EASINGS } from '../../global/js/utils/motionConstants.js';
+import React__default, { useRef, useState } from 'react';
 import { ChevronDown } from '@carbon/react/icons';
 import PropTypes from '../../node_modules/prop-types/index.js';
+import { TagSet } from '../TagSet/TagSet.js';
 import cx from 'classnames';
-import { pkg } from '../../settings.js';
-import uuidv4 from '../../global/js/utils/uuidv4.js';
-import { DURATIONS, EASINGS } from '../../global/js/utils/motionConstants.js';
 import debounce from 'lodash/debounce';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
+import { pkg } from '../../settings.js';
+import uuidv4 from '../../global/js/utils/uuidv4.js';
 import { usePreviousValue } from '../../global/js/hooks/usePreviousValue.js';
 import { useWindowResize } from '../../global/js/hooks/useWindowResize.js';
-import { TagSet } from '../TagSet/TagSet.js';
 
 var _excluded = ["className", "clearFiltersText", "clearFilters", "filters", "renderLabel", "overflowType", "clearButtonInline"],
   _excluded2 = ["key", "value"];
@@ -159,6 +159,5 @@ FilterSummary.propTypes = {
   overflowType: PropTypes.oneOf(['default', 'tag']),
   renderLabel: PropTypes.func
 };
-var FilterSummary$1 = FilterSummary;
 
-export { FilterSummary$1 as default };
+export { FilterSummary as default };

package/es/components/FilterSummary/index.d.ts

@@ -1 +1,8 @@
-export { default as FilterSummary } from "./FilterSummary";
+/**
+ * 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 { default as FilterSummary } from './FilterSummary';
+export type { FilterSummaryProps } from './FilterSummary';

package/es/components/FullPageError/FullPageError.d.ts

@@ -1,6 +1,39 @@
+/**
+ * Copyright IBM Corp. 2024, 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';
+export interface FullPageErrorProps {
+    /**
+     * Provide the contents of the FullPageError.
+     */
+    children?: ReactNode;
+    /**
+     * Provide an optional class to be applied to the containing node.
+     */
+    className?: string;
+    /**
+     * String that will provide the description for the error code. <br/>
+     * This is optional for 403 and 404 kinds, and passing this would override their default descriptions.
+     */
+    description: string;
+    /**
+     * The kind of error page to be displayed, default is custom
+     */
+    kind?: 'custom' | '403' | '404';
+    /**
+     * String that will describe the error that occurred
+     */
+    label: string;
+    /**
+     * This will be for the main title of the FullPageError component
+     */
+    title: string;
+}
 /**
  * Display a full-page error when the requested page is unavailable to the user.
  * This is typically caused by issues with the requested URL or access permissions.
  */
-export let FullPageError: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+export declare let FullPageError: React.ForwardRefExoticComponent<FullPageErrorProps & React.RefAttributes<HTMLDivElement>>;

package/es/components/FullPageError/FullPageError.js

@@ -6,24 +6,21 @@
  */
 
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { Grid, Column } from '@carbon/react';
 import React__default from 'react';
+import { Error403SVG } from './assets/Error403SVG.js';
+import { Error404SVG } from './assets/Error404SVG.js';
+import { ErrorGenericSVG } from './assets/ErrorGenericSVG.js';
 import PropTypes from '../../node_modules/prop-types/index.js';
 import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
-import { ErrorGenericSVG } from './assets/ErrorGenericSVG.js';
-import { Error404SVG } from './assets/Error404SVG.js';
-import { Error403SVG } from './assets/Error403SVG.js';
-import { Grid, Column } from '@carbon/react';
 
 var _excluded = ["children", "className", "description", "label", "kind", "title"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(pkg.prefix, "--full-page-error");
 var componentName = 'FullPageError';
-
-// NOTE: the component SCSS is not imported here: it is rolled up separately.
-
 // Default values for props
 var defaults = {
   kind: 'custom'
@@ -45,17 +42,20 @@ var FullPageError = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
   var errorData = {
     403: {
       svg: /*#__PURE__*/React__default.createElement(Error403SVG, {
-        className: "".concat(blockClass, "__svg ").concat(blockClass, "__403")
+        className: "".concat(blockClass, "__svg ").concat(blockClass, "__403"),
+        title: title
       })
     },
     404: {
       svg: /*#__PURE__*/React__default.createElement(Error404SVG, {
-        className: "".concat(blockClass, "__svg ").concat(blockClass, "__404")
+        className: "".concat(blockClass, "__svg ").concat(blockClass, "__404"),
+        title: title
       })
     },
     custom: {
       svg: /*#__PURE__*/React__default.createElement(ErrorGenericSVG, {
-        className: "".concat(blockClass, "__svg ").concat(blockClass, "__custom")
+        className: "".concat(blockClass, "__svg ").concat(blockClass, "__custom"),
+        title: title
       })
     }
   };

package/es/components/FullPageError/assets/Error403SVG.d.ts

@@ -1,9 +1,11 @@
-export function Error403SVG({ className }: {
+export function Error403SVG({ className, title }: {
     className: any;
+    title: any;
 }): import("react/jsx-runtime").JSX.Element;
 export namespace Error403SVG {
     namespace propTypes {
         export { string as className };
+        export { string as title };
     }
 }
 import { string } from 'prop-types';

package/es/components/FullPageError/assets/Error403SVG.js

@@ -10,12 +10,14 @@ import { p as propTypesExports } from '../../../node_modules/prop-types/index.js
 
 var _g, _defs;
 var Error403SVG = function Error403SVG(_ref) {
-  var className = _ref.className;
+  var className = _ref.className,
+    title = _ref.title;
   return /*#__PURE__*/React__default.createElement("svg", {
     viewBox: "0 0 750 570",
     fill: "none",
     className: className,
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": title
   }, _g || (_g = /*#__PURE__*/React__default.createElement("g", {
     clipPath: "url(#clip0_0_2401)"
   }, /*#__PURE__*/React__default.createElement("path", {
@@ -708,7 +710,8 @@ var Error403SVG = function Error403SVG(_ref) {
 // in alphabetical order (for consistency).
 // See https://www.npmjs.com/package/prop-types#usage.
 Error403SVG.propTypes = {
-  className: propTypesExports.string
+  className: propTypesExports.string,
+  title: propTypesExports.string
 };
 
 export { Error403SVG };

package/es/components/FullPageError/assets/Error404SVG.d.ts

@@ -1,9 +1,11 @@
-export function Error404SVG({ className }: {
+export function Error404SVG({ className, title }: {
     className: any;
+    title: any;
 }): import("react/jsx-runtime").JSX.Element;
 export namespace Error404SVG {
     namespace propTypes {
         export { string as className };
+        export { string as title };
     }
 }
 import { string } from 'prop-types';

package/es/components/FullPageError/assets/Error404SVG.js

@@ -10,12 +10,14 @@ import { p as propTypesExports } from '../../../node_modules/prop-types/index.js
 
 var _g, _defs;
 var Error404SVG = function Error404SVG(_ref) {
-  var className = _ref.className;
+  var className = _ref.className,
+    title = _ref.title;
   return /*#__PURE__*/React__default.createElement("svg", {
     viewBox: "0 0 751 549",
     fill: "none",
     className: className,
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": title
   }, _g || (_g = /*#__PURE__*/React__default.createElement("g", {
     clipPath: "url(#clip0_0_2285)"
   }, /*#__PURE__*/React__default.createElement("path", {
@@ -617,7 +619,8 @@ var Error404SVG = function Error404SVG(_ref) {
 // in alphabetical order (for consistency).
 // See https://www.npmjs.com/package/prop-types#usage.
 Error404SVG.propTypes = {
-  className: propTypesExports.string
+  className: propTypesExports.string,
+  title: propTypesExports.string
 };
 
 export { Error404SVG };

package/es/components/FullPageError/assets/ErrorGenericSVG.d.ts

@@ -1,9 +1,11 @@
-export function ErrorGenericSVG({ className }: {
+export function ErrorGenericSVG({ className, title }: {
     className: any;
+    title: any;
 }): import("react/jsx-runtime").JSX.Element;
 export namespace ErrorGenericSVG {
     namespace propTypes {
         export { string as className };
+        export { string as title };
     }
 }
 import { string } from 'prop-types';

package/es/components/FullPageError/assets/ErrorGenericSVG.js

@@ -10,12 +10,14 @@ import { p as propTypesExports } from '../../../node_modules/prop-types/index.js
 
 var _g, _defs;
 var ErrorGenericSVG = function ErrorGenericSVG(_ref) {
-  var className = _ref.className;
+  var className = _ref.className,
+    title = _ref.title;
   return /*#__PURE__*/React__default.createElement("svg", {
     viewBox: "0 0 750 506",
     fill: "none",
     className: className,
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": title
   }, _g || (_g = /*#__PURE__*/React__default.createElement("g", {
     clipPath: "url(#clip0_203_144)"
   }, /*#__PURE__*/React__default.createElement("path", {
@@ -708,7 +710,8 @@ var ErrorGenericSVG = function ErrorGenericSVG(_ref) {
 // in alphabetical order (for consistency).
 // See https://www.npmjs.com/package/prop-types#usage.
 ErrorGenericSVG.propTypes = {
-  className: propTypesExports.string
+  className: propTypesExports.string,
+  title: propTypesExports.string
 };
 
 export { ErrorGenericSVG };

package/es/components/FullPageError/index.d.ts

@@ -1 +1,8 @@
-export { FullPageError } from "./FullPageError";
+/**
+ * Copyright IBM Corp. 2024, 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.
+ */
+export { FullPageError } from './FullPageError';
+export type { FullPageErrorProps } from './FullPageError';

package/es/components/GetStartedCard/GetStartedCard.d.ts

@@ -1,5 +1,63 @@
+/**
+ * Copyright IBM Corp. 2024, 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, { PropsWithChildren, ReactNode } from 'react';
+type MetaData = {
+    id?: string;
+    icon?: () => ReactNode;
+    iconDescription?: string;
+};
+export interface GetStartedCardProps extends PropsWithChildren {
+    /**
+     * Provide an optional class to be applied to the containing node.
+     */
+    className?: string;
+    /**
+     * Optional if the card should be disabled
+     */
+    disabled?: boolean;
+    /**
+     * Provides the action icon that's displayed at the footer of the card
+     */
+    footerActionIcon: React.ElementType;
+    /**
+     * Optional label for the top of the card
+     */
+    label?: ReactNode;
+    /**
+     * Optional media content like an image to be placed in the card
+     */
+    media?: ReactNode;
+    /**
+     * Icons that are displayed on the card showing the time and skill needed
+     */
+    metadata: readonly MetaData[];
+    /**
+     * Provides the callback for a clickable card
+     */
+    onClick?: () => void;
+    /**
+     * Provides the icon that's displayed at the top of the card
+     */
+    pictogram?: () => ReactNode;
+    /**
+     * Provides number for card for tasks in a sequential order
+     */
+    sequence?: number;
+    /**
+     * Provides the status that's displayed at the top of the card
+     */
+    status?: 'complete' | 'incomplete';
+    /**
+     * Title that's displayed at the top of the card
+     */
+    title?: ReactNode;
+}
 /**
  * GetStartedCard a card with icon, number, and media variants
  */
-export let GetStartedCard: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+export declare let GetStartedCard: React.ForwardRefExoticComponent<GetStartedCardProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/es/components/GetStartedCard/GetStartedCard.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { extends as _extends, objectDestructuringEmpty as _objectDestructuringEmpty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
@@ -13,16 +13,14 @@ import { pkg } from '../../settings.js';
 import { Card } from '../Card/Card.js';
 
 var componentName = 'GetStartedCard';
-
 /**
  * GetStartedCard a card with icon, number, and media variants
  */
-var GetStartedCard = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
-  var rest = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/React__default.createElement(Card, _extends({
-    getStarted: true,
-    ref: ref
-  }, rest, getDevtoolsProps(componentName)));
+var GetStartedCard = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React__default.createElement(Card, _extends({}, _objectSpread2(_objectSpread2({}, props), {}, {
+    ref: ref,
+    getStarted: true
+  }), getDevtoolsProps(componentName)));
 });
 
 // Return a placeholder if not released and not enabled by feature flag
@@ -40,11 +38,12 @@ GetStartedCard.propTypes = {
   /**
    * Provides the action icon that's displayed at the footer of the card
    */
+  /**@ts-ignore */
   footerActionIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Optional label for the top of the card
    */
-  label: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.node]),
+  label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
   /**
    * Optional media content like an image to be placed in the card
    */
@@ -52,6 +51,7 @@ GetStartedCard.propTypes = {
   /**
    * Icons that are displayed on the card showing the time and skill needed
    */
+  /**@ts-ignore */
   metadata: PropTypes.arrayOf(PropTypes.shape({
     id: PropTypes.string,
     icon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
@@ -64,6 +64,7 @@ GetStartedCard.propTypes = {
   /**
    * Provides the icon that's displayed at the top of the card
    */
+  /**@ts-ignore */
   pictogram: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Provides number for card for tasks in a sequential order
@@ -76,7 +77,7 @@ GetStartedCard.propTypes = {
   /**
    * Title that's displayed at the top of the card
    */
-  title: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.node])
+  title: PropTypes.oneOfType([PropTypes.string, PropTypes.node])
 };
 
 export { GetStartedCard };

package/es/components/GetStartedCard/index.d.ts

@@ -1 +1,8 @@
-export { GetStartedCard } from "./GetStartedCard";
+/**
+ * Copyright IBM Corp. 2024, 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.
+ */
+export { GetStartedCard } from './GetStartedCard';
+export type { GetStartedCardProps } from './GetStartedCard';