@carbon/ibm-products 2.35.0 → 2.36.0

package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js

@@ -6,14 +6,14 @@
  */
 
 import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { Filter } from '@carbon/react/icons';
+import { BATCH, INSTANT, FLYOUT, CLEAR_FILTERS } from './constants.js';
 import { usePrefix, IconButton } from '@carbon/react';
-import cx from 'classnames';
-import PropTypes from '../../../../../node_modules/prop-types/index.js';
 import React__default, { useState, useRef, useEffect } from 'react';
-import { pkg } from '../../../../../settings.js';
-import { BATCH, INSTANT, FLYOUT, CLEAR_FILTERS } from './constants.js';
 import { breakpoints, px } from '@carbon/layout';
+import { Filter } from '@carbon/react/icons';
+import PropTypes from '../../../../../node_modules/prop-types/index.js';
+import cx from 'classnames';
+import { pkg } from '../../../../../settings.js';
 import useFilters from './hooks/useFilters.js';
 import useShouldDisableButtons from './hooks/useShouldDisableButtons.js';
 import { useWindowResize } from '../../../../../global/js/hooks/useWindowResize.js';
@@ -154,7 +154,11 @@ var FilterFlyout = function FilterFlyout(_ref) {
     setAllFilters(filtersObjectArray);
     closeFlyout();
     // From the user
-    onApply();
+    onApply({
+      filtersState: filtersState,
+      filtersObjectArray: filtersObjectArray,
+      lastAppliedFilters: lastAppliedFilters
+    });
     // When the user clicks apply, the action set buttons should be disabled again
     setShouldDisableButtons(true);
 

package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js

@@ -10,11 +10,11 @@ import { Button, Layer, Search, Accordion, AccordionItem } from '@carbon/react';
 import { PANEL, BATCH, CLEAR_FILTERS, INSTANT } from './constants.js';
 import React__default, { useState, useContext, useRef, useMemo, useEffect } from 'react';
 import { panelVariants, innerContainerVariants, actionSetVariants } from './motion/variants.js';
+import { motion, useReducedMotion } from 'framer-motion';
 import { Close } from '@carbon/react/icons';
 import { FilterContext } from './FilterProvider.js';
 import PropTypes from '../../../../../node_modules/prop-types/index.js';
 import cx from 'classnames';
-import { motion, useReducedMotion } from 'framer-motion';
 import { pkg } from '../../../../../settings.js';
 import { rem } from '@carbon/layout';
 import { ActionSet } from '../../../../ActionSet/ActionSet.js';
@@ -127,7 +127,11 @@ var FilterPanel = function FilterPanel(_ref) {
   var apply = function apply() {
     setAllFilters(filtersObjectArray);
     // From the user
-    onApply();
+    onApply({
+      filtersState: filtersState,
+      filtersObjectArray: filtersObjectArray,
+      lastAppliedFilters: lastAppliedFilters
+    });
     // When the user clicks apply, the action set buttons should be disabled again
     setShouldDisableButtons(true);
 

package/es/components/EditFullPage/EditFullPage.d.ts

@@ -1,6 +1,23 @@
+/**
+ * Copyright IBM Corp. 2022, 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';
+interface EditFullPageProps {
+    /**
+     * Provide an optional class to be applied to the containing node.
+     */
+    className?: string;
+    /**
+     * Provide the contents of the EditFullPage.
+     */
+    children: ReactNode;
+}
 /**
  * Use when settings on a page need to always be shown in edit mode, or when the context of the page is needed to make several changes.
  * See usage guidance for further details.
  */
-export let EditFullPage: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+export declare let EditFullPage: React.ForwardRefExoticComponent<EditFullPageProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/es/components/EditFullPage/EditFullPage.js

@@ -12,7 +12,7 @@ import cx from 'classnames';
 import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
 import { pkg } from '../../settings.js';
 
-var _excluded = ["children", "className"];
+var _excluded = ["className", "children"];
 
 // Carbon and package components we use.
 /* TODO: @import(s) of carbon components and other package components. */
@@ -42,8 +42,8 @@ var componentName = 'EditFullPage';
  * See usage guidance for further details.
  */
 var EditFullPage = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
+  var className = _ref.className,
+    children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
     className: cx(blockClass,

package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.d.ts

@@ -1,5 +1,64 @@
+/**
+ * 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 { ButtonProps } from '@carbon/react';
+import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
+interface NoTagsEmptyStateProps {
+    /**
+     * 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;
+    /**
+     * 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 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';
+    /**
+     * 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;
+}
 /**
  * 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 NoTagsEmptyState: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+export declare let NoTagsEmptyState: React.ForwardRefExoticComponent<NoTagsEmptyStateProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js

@@ -17,11 +17,9 @@ import NoTagsIllustration from '../assets/NoTagsIllustration.js';
 import { defaults } from '../EmptyState.js';
 
 var _excluded = ["action", "className", "illustrationPosition", "illustrationTheme", "illustrationDescription", "link", "size", "subtitle", "title"];
-
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(pkg.prefix, "--empty-state");
 var componentName = 'NoTagsEmptyState';
-
 /**
  * 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.
  */
@@ -50,7 +48,7 @@ var NoTagsEmptyState = /*#__PURE__*/React__default.forwardRef(function (_ref, re
     link: link,
     size: size,
     subtitle: subtitle,
-    title: title
+    title: title = ''
   }));
 });
 

package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.d.ts

@@ -1,5 +1,64 @@
+/**
+ * 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 { ButtonProps } from '@carbon/react';
+import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
+interface UnauthorizedEmptyStateProps {
+    /**
+     * 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;
+    /**
+     * 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 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';
+    /**
+     * 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;
+}
 /**
  * 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 UnauthorizedEmptyState: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+export declare let UnauthorizedEmptyState: React.ForwardRefExoticComponent<UnauthorizedEmptyStateProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js

@@ -21,7 +21,6 @@ var _excluded = ["action", "className", "illustrationPosition", "illustrationThe
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(pkg.prefix, "--empty-state");
 var componentName = 'UnauthorizedEmptyState';
-
 /**
  * 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.
  */
@@ -50,7 +49,7 @@ var UnauthorizedEmptyState = /*#__PURE__*/React__default.forwardRef(function (_r
     link: link,
     size: size,
     subtitle: subtitle,
-    title: title
+    title: title || ''
   }));
 });
 

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

@@ -1,5 +1,6 @@
 /**
- * TODO: A description of the component.
+ * 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';

package/es/components/FullPageError/FullPageError.js

@@ -9,17 +9,14 @@ import { objectWithoutProperties as _objectWithoutProperties, extends as _extend
 import React__default from 'react';
 import PropTypes from '../../node_modules/prop-types/index.js';
 import cx from 'classnames';
-import { Grid, Column } from '@carbon/react';
-import { ErrorGenericSVG } from './assets/ErrorGenericSVG.js';
 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", "errorLabel", "kind", "title"];
-
-// Carbon and package components we use.
-/* TODO: @import(s) of carbon components and other package components. */
+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");
@@ -27,88 +24,68 @@ var componentName = 'FullPageError';
 
 // NOTE: the component SCSS is not imported here: it is rolled up separately.
 
-// Default values can be included here and then assigned to the prop params,
-// e.g. prop = defaults.prop,
-// This gathers default values together neatly and ensures non-primitive
-// values are initialized early to avoid react making unnecessary re-renders.
-// Note that default values are not required for props that are 'required',
-// nor for props where the component can apply undefined values reasonably.
-// Default values should be provided when the component needs to make a choice
-// or assumption when a prop is not supplied.
-
 // Default values for props
 var defaults = {
   kind: 'custom'
 };
 
 /**
- * TODO: A description of the component.
+ * 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.
  */
 var FullPageError = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     description = _ref.description,
-    errorLabel = _ref.errorLabel,
+    label = _ref.label,
     _ref$kind = _ref.kind,
     kind = _ref$kind === void 0 ? defaults.kind : _ref$kind,
     title = _ref.title,
     rest = _objectWithoutProperties(_ref, _excluded);
   var errorData = {
     403: {
-      title: 'Access denied',
-      description: 'You are not authorized to access the requested page. Please verify that you are logged in to the hosting environment and your access permissions are correct.',
       svg: /*#__PURE__*/React__default.createElement(Error403SVG, {
-        className: cx("".concat(blockClass, "__error-svg"), "".concat(blockClass, "__error-403"))
+        className: "".concat(blockClass, "__svg ").concat(blockClass, "__403")
       })
     },
     404: {
-      title: 'Page not found',
-      description: 'The page you requested has moved or is unavailable, or the specified URL is not valid. Please check the URL or search the site for the requested content.',
       svg: /*#__PURE__*/React__default.createElement(Error404SVG, {
-        className: cx("".concat(blockClass, "__error-svg"), "".concat(blockClass, "__error-404"))
+        className: "".concat(blockClass, "__svg ").concat(blockClass, "__404")
       })
     },
     custom: {
-      title: title,
-      description: description,
       svg: /*#__PURE__*/React__default.createElement(ErrorGenericSVG, {
-        className: cx("".concat(blockClass, "__error-svg"), "".concat(blockClass, "__error-custom"))
+        className: "".concat(blockClass, "__svg ").concat(blockClass, "__custom")
       })
     }
   };
   return /*#__PURE__*/React__default.createElement("div", _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}`,
-    {
-      // switched classes dependant on props or state
-      // example: [`${blockClass}__here-if-small`]: size === 'sm',
-    }),
+    className: cx(blockClass, className),
     ref: ref,
     role: "main"
   }, getDevtoolsProps(componentName)), /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "__error-container")
+    className: "".concat(blockClass, "__container")
   }, /*#__PURE__*/React__default.createElement(Grid, {
-    className: "".concat(blockClass, "__error-grid")
+    className: "".concat(blockClass, "__grid")
   }, /*#__PURE__*/React__default.createElement(Column, {
     sm: 4,
     md: 3,
     lg: 6,
-    className: "".concat(blockClass, "__error-column")
+    className: "".concat(blockClass, "__column")
   }, /*#__PURE__*/React__default.createElement("h1", {
-    className: "".concat(blockClass, "__error-title")
+    className: "".concat(blockClass, "__title")
   }, /*#__PURE__*/React__default.createElement("span", {
-    className: "".concat(blockClass, "__error-label")
-  }, "\u21B3 ", kind === 'custom' ? errorLabel : "Error ".concat(kind)), /*#__PURE__*/React__default.createElement("span", null, errorData[kind].title)), /*#__PURE__*/React__default.createElement("p", {
+    className: "".concat(blockClass, "__label")
+  }, "\u21B3 ", label), /*#__PURE__*/React__default.createElement("span", null, title)), /*#__PURE__*/React__default.createElement("p", {
     className: "".concat(blockClass, "__description")
-  }, description || errorData[kind].description), children), /*#__PURE__*/React__default.createElement(Column, {
+  }, description), /*#__PURE__*/React__default.createElement("div", {
+    className: "".concat(blockClass, "__body")
+  }, children)), /*#__PURE__*/React__default.createElement(Column, {
     sm: 4,
     md: 5,
     lg: 10
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(blockClass, "__error-svg-container")
+    className: "".concat(blockClass, "__svg-container")
   }, errorData[kind].svg)))));
 });
 
@@ -136,20 +113,18 @@ FullPageError.propTypes = {
    * This is optional for 403 and 404 kinds, and passing this would override their default descriptions.
    */
   description: PropTypes.string.isRequired,
-  /**
-   * String that will describe the error that occurred
-   */
-  errorLabel: PropTypes.string.isRequired,
   /**
    * The kind of error page to be displayed, default is custom
    */
   kind: PropTypes.oneOf(['custom', '403', '404']),
+  /**
+   * String that will describe the error that occurred
+   */
+  label: PropTypes.string.isRequired,
   /**
    * This will be for the main title of the FullPageError component
    */
   title: PropTypes.string.isRequired
-
-  /* TODO: add types and DocGen for all props. */
 };
 
 export { FullPageError };

package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.d.ts

@@ -1,7 +1,45 @@
+/**
+ * Copyright IBM Corp. 2021, 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.
+ */
+import React, { PropsWithChildren } from 'react';
+interface HTTPErrorOtherProps extends PropsWithChildren {
+    /**
+     * Provide an optional class to be applied to the containing node
+     */
+    className?: string;
+    /**
+     * String that will provide the description for the HTTP error code
+     */
+    description: string;
+    /**
+     * String that will describe the error that occurred
+     */
+    errorCodeLabel: string;
+    /**
+     * Links that will display for extra context when receiving particular errors
+     */
+    links?: Array<{
+        /**
+         * The text to display for the link
+         */
+        text: string;
+        /**
+         * The link's destination
+         */
+        href: string;
+    }>;
+    /**
+     * This will be for the main title of the HTTP error component
+     */
+    title: string;
+}
 /**
  * HTTP errors are used in an attempt to access something that isn’t available or
 the user doesn’t have permission for. This HTTPError component is generic so you
 can use it when you receive an error code that isn't provided.
  */
-export let HTTPErrorOther: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+export declare let HTTPErrorOther: React.ForwardRefExoticComponent<HTTPErrorOtherProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js

@@ -19,7 +19,6 @@ var _excluded = ["className", "description", "errorCodeLabel", "links", "title"]
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(pkg.prefix, "--http-errors");
 var componentName = 'HTTPErrorOther';
-
 /**
  * HTTP errors are used in an attempt to access something that isn’t available or
 the user doesn’t have permission for. This HTTPError component is generic so you
@@ -71,6 +70,7 @@ HTTPErrorOther.propTypes = {
   /**
    * Links that will display for extra context when receiving particular errors
    */
+  /**@ts-ignore */
   links: propTypesExports.arrayOf(propTypesExports.shape({
     /**
      * The text to display for the link

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

@@ -1,5 +1,22 @@
+/**
+ * Copyright IBM Corp. 2023, 2023
+ *
+ * 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';
+interface InlineTipLinkProps extends PropsWithChildren {
+    /**
+     * Provide the contents of the InlineTipLink.
+     */
+    children: ReactNode;
+    /**
+     * Provide an optional class to be applied to the containing node.
+     */
+    className?: string;
+}
 /**
  * This is a standard Carbon link, styled specifically for use inside InlineTip.
  */
-export let InlineTipLink: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+export declare let InlineTipLink: React.ForwardRefExoticComponent<InlineTipLinkProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/es/components/InterstitialScreenView/InterstitialScreenView.d.ts

@@ -1,5 +1,26 @@
+/**
+ * Copyright IBM Corp. 2023, 2023
+ *
+ * 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';
+interface InterstitialScreenViewProps extends PropsWithChildren {
+    /**
+     * Provide the contents of the InterstitialScreenView.
+     */
+    children?: ReactNode;
+    /**
+     * Optional class name for this component.
+     */
+    className?: string;
+    /**
+     * The label to pass to the ProgressStep component.
+     */
+    stepTitle: string;
+}
 /**
  * A Novice to Pro component intended to be used as the child elements of the InterstitialScreen component.
  */
-export let InterstitialScreenView: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+export declare let InterstitialScreenView: React.ForwardRefExoticComponent<InterstitialScreenViewProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/es/components/InterstitialScreenView/InterstitialScreenView.js

@@ -20,7 +20,6 @@ var _excluded = ["children", "className", "stepTitle"];
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(pkg.prefix, "--interstitial-screen-view");
 var componentName = 'InterstitialScreenView';
-
 /**
  * A Novice to Pro component intended to be used as the child elements of the InterstitialScreen component.
  */

package/es/components/InterstitialScreenViewModule/InterstitialScreenViewModule.d.ts

@@ -1,5 +1,26 @@
 /**
- * View module to help in building interstitial screen views.
+ * 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 let InterstitialScreenViewModule: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';
+interface InterstitialScreenViewModuleProps {
+    /**
+     * Provide an optional class to be applied to the containing node.
+     */
+    className?: string;
+    /**
+     * The description of this component.
+     */
+    description: string;
+    /**
+     * The title of this component.
+     */
+    title: string;
+}
+/**
+ * View module to help in building interstitial screen views.
+ */
+export declare let InterstitialScreenViewModule: React.ForwardRefExoticComponent<InterstitialScreenViewModuleProps & React.RefAttributes<HTMLElement>>;
+export {};

package/es/components/NonLinearReading/NonLinearReading.d.ts

@@ -1,7 +1,33 @@
+/**
+ * Copyright IBM Corp. 2023, 2023
+ *
+ * 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';
+type Theme = 'light' | 'dark';
+interface NonLinearReadingProps {
+    /**
+     * The keyword of the component appears as a pill.
+     */
+    children: ReactNode;
+    /**
+     * Provide an optional class to be applied to the containing node.
+     */
+    className?: string;
+    /**
+     * The content that appears when the keyword is toggled open.
+     */
+    definition: ReactNode;
+    /**
+     * Determines the theme of the component.
+     */
+    theme?: Theme;
+}
 /**
  * Use non-linear reading when space is limited to share a
  * brief, at-a-glance, summary of a concept that may require
  * more explanation for some users.
  */
-export let NonLinearReading: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+export declare let NonLinearReading: React.ForwardRefExoticComponent<NonLinearReadingProps & React.RefAttributes<HTMLSpanElement>>;
+export {};