@carbon/ibm-products 2.43.2-canary.18 → 2.43.2-canary.183

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 {};

package/lib/components/EmptyStates/EmptyStateV2.js

@@ -27,7 +27,6 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var _excluded = ["action", "className", "illustration", "illustrationDescription", "illustrationPosition", "illustrationTheme", "kind", "link", "size", "subtitle", "title"];
 var blockClass = "".concat(settings.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.
@@ -81,6 +80,7 @@ exports.EmptyStateV2.propTypes = {
   /**
    * Props for the action button. Refer to the Carbon Components button documentation for full list of props.
    */
+  /**@ts-ignore*/
   action: index["default"].PropTypes.shape({
     text: index["default"].string
   }),
@@ -114,8 +114,9 @@ exports.EmptyStateV2.propTypes = {
   /**
    * Props for the link. Refer to the Carbon Components link documentation for full list of props.
    */
+  /**@ts-ignore*/
   link: index["default"].shape({
-    text: index["default"].string
+    text: index["default"].oneOfType([index["default"].string, index["default"].node])
   }),
   /**
    * Empty state size

package/lib/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/lib/components/ExportModal/ExportModal.js

@@ -10,15 +10,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
 var react = require('@carbon/react');
-var cx = require('classnames');
 var icons = require('@carbon/react/icons');
+var React = require('react');
 var index = require('../../node_modules/prop-types/index.js');
+var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
-var uuidv4 = require('../../global/js/utils/uuidv4.js');
 var settings = require('../../settings.js');
 var usePortalTarget = require('../../global/js/hooks/usePortalTarget.js');
+var uuidv4 = require('../../global/js/utils/uuidv4.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

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

package/lib/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/lib/components/ExpressiveCard/ExpressiveCard.js

@@ -13,8 +13,8 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var React = require('react');
 var index = require('../../node_modules/prop-types/index.js');
 var devtools = require('../../global/js/utils/devtools.js');
-var propsHelper = require('../../global/js/utils/props-helper.js');
 var settings = require('../../settings.js');
+var propsHelper = require('../../global/js/utils/props-helper.js');
 var Card = require('../Card/Card.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

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

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

package/lib/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/lib/components/FeatureFlags/index.js

@@ -108,21 +108,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 = React.useContext(FeatureFlagContext);
-  // console.log(scope);
   return scope.enabled(flag);
 }
 
 /**
  * Access all feature flag information for the given FeatureFlagContext
- *
- * @returns {FeatureFlagScope}
  */
 function useFeatureFlags() {
   return React.useContext(FeatureFlagContext);
@@ -133,9 +127,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/lib/components/FilterPanel/FilterPanelAccordionItem/FilterPanelAccordionItem.js

@@ -16,8 +16,8 @@ var cx = require('classnames');
 var react = require('@carbon/react');
 var devtools = require('../../../global/js/utils/devtools.js');
 var settings = require('../../../settings.js');
-var FilterPanelLabel = require('../FilterPanelLabel/FilterPanelLabel.js');
 var TruncatedList = require('../../TruncatedList/TruncatedList.js');
+var FilterPanelLabel = require('../FilterPanelLabel/FilterPanelLabel.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/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/lib/components/FilterSummary/FilterSummary.js

@@ -10,20 +10,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-var react = require('@carbon/react');
 var framerMotion = require('framer-motion');
+var react = require('@carbon/react');
+var motionConstants = require('../../global/js/utils/motionConstants.js');
+var React = require('react');
 var icons = require('@carbon/react/icons');
 var index = require('../../node_modules/prop-types/index.js');
+var TagSet = require('../TagSet/TagSet.js');
 var cx = require('classnames');
-var settings = require('../../settings.js');
-var uuidv4 = require('../../global/js/utils/uuidv4.js');
-var motionConstants = require('../../global/js/utils/motionConstants.js');
 var debounce = require('lodash/debounce');
 var devtools = require('../../global/js/utils/devtools.js');
+var settings = require('../../settings.js');
+var uuidv4 = require('../../global/js/utils/uuidv4.js');
 var usePreviousValue = require('../../global/js/hooks/usePreviousValue.js');
 var useWindowResize = require('../../global/js/hooks/useWindowResize.js');
-var TagSet = require('../TagSet/TagSet.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -169,6 +169,5 @@ FilterSummary.propTypes = {
   overflowType: index["default"].oneOf(['default', 'tag']),
   renderLabel: index["default"].func
 };
-var FilterSummary$1 = FilterSummary;
 
-exports["default"] = FilterSummary$1;
+exports["default"] = FilterSummary;

package/lib/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/lib/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/lib/components/FullPageError/FullPageError.js

@@ -10,15 +10,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var react = require('@carbon/react');
 var React = require('react');
+var Error403SVG = require('./assets/Error403SVG.js');
+var Error404SVG = require('./assets/Error404SVG.js');
+var ErrorGenericSVG = require('./assets/ErrorGenericSVG.js');
 var index = require('../../node_modules/prop-types/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
-var ErrorGenericSVG = require('./assets/ErrorGenericSVG.js');
-var Error404SVG = require('./assets/Error404SVG.js');
-var Error403SVG = require('./assets/Error403SVG.js');
-var react = require('@carbon/react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -30,9 +30,6 @@ var _excluded = ["children", "className", "description", "label", "kind", "title
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(settings.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'
@@ -54,17 +51,20 @@ exports.FullPageError = /*#__PURE__*/React__default["default"].forwardRef(functi
   var errorData = {
     403: {
       svg: /*#__PURE__*/React__default["default"].createElement(Error403SVG.Error403SVG, {
-        className: "".concat(blockClass, "__svg ").concat(blockClass, "__403")
+        className: "".concat(blockClass, "__svg ").concat(blockClass, "__403"),
+        title: title
       })
     },
     404: {
       svg: /*#__PURE__*/React__default["default"].createElement(Error404SVG.Error404SVG, {
-        className: "".concat(blockClass, "__svg ").concat(blockClass, "__404")
+        className: "".concat(blockClass, "__svg ").concat(blockClass, "__404"),
+        title: title
       })
     },
     custom: {
       svg: /*#__PURE__*/React__default["default"].createElement(ErrorGenericSVG.ErrorGenericSVG, {
-        className: "".concat(blockClass, "__svg ").concat(blockClass, "__custom")
+        className: "".concat(blockClass, "__svg ").concat(blockClass, "__custom"),
+        title: title
       })
     }
   };

package/lib/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/lib/components/FullPageError/assets/Error403SVG.js

@@ -18,12 +18,14 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _g, _defs;
 var Error403SVG = function Error403SVG(_ref) {
-  var className = _ref.className;
+  var className = _ref.className,
+    title = _ref.title;
   return /*#__PURE__*/React__default["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["default"].createElement("g", {
     clipPath: "url(#clip0_0_2401)"
   }, /*#__PURE__*/React__default["default"].createElement("path", {
@@ -716,7 +718,8 @@ var Error403SVG = function Error403SVG(_ref) {
 // in alphabetical order (for consistency).
 // See https://www.npmjs.com/package/prop-types#usage.
 Error403SVG.propTypes = {
-  className: index.propTypesExports.string
+  className: index.propTypesExports.string,
+  title: index.propTypesExports.string
 };
 
 exports.Error403SVG = Error403SVG;

package/lib/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/lib/components/FullPageError/assets/Error404SVG.js

@@ -18,12 +18,14 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _g, _defs;
 var Error404SVG = function Error404SVG(_ref) {
-  var className = _ref.className;
+  var className = _ref.className,
+    title = _ref.title;
   return /*#__PURE__*/React__default["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["default"].createElement("g", {
     clipPath: "url(#clip0_0_2285)"
   }, /*#__PURE__*/React__default["default"].createElement("path", {
@@ -625,7 +627,8 @@ var Error404SVG = function Error404SVG(_ref) {
 // in alphabetical order (for consistency).
 // See https://www.npmjs.com/package/prop-types#usage.
 Error404SVG.propTypes = {
-  className: index.propTypesExports.string
+  className: index.propTypesExports.string,
+  title: index.propTypesExports.string
 };
 
 exports.Error404SVG = Error404SVG;

package/lib/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/lib/components/FullPageError/assets/ErrorGenericSVG.js

@@ -18,12 +18,14 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _g, _defs;
 var ErrorGenericSVG = function ErrorGenericSVG(_ref) {
-  var className = _ref.className;
+  var className = _ref.className,
+    title = _ref.title;
   return /*#__PURE__*/React__default["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["default"].createElement("g", {
     clipPath: "url(#clip0_203_144)"
   }, /*#__PURE__*/React__default["default"].createElement("path", {
@@ -716,7 +718,8 @@ var ErrorGenericSVG = function ErrorGenericSVG(_ref) {
 // in alphabetical order (for consistency).
 // See https://www.npmjs.com/package/prop-types#usage.
 ErrorGenericSVG.propTypes = {
-  className: index.propTypesExports.string
+  className: index.propTypesExports.string,
+  title: index.propTypesExports.string
 };
 
 exports.ErrorGenericSVG = ErrorGenericSVG;

package/lib/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/lib/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 {};