@carbon/react 1.31.2 → 1.32.0-rc.0

package/es/components/UIShell/SideNav.d.ts

@@ -20,5 +20,5 @@ interface SideNavProps extends ComponentProps<'nav'> {
     onSideNavBlur?: () => void | undefined;
     enterDelayMs?: number;
 }
-declare const SideNav: React.ForwardRefExoticComponent<Pick<SideNavProps, "children" | "className" | "slot" | "style" | "title" | "dir" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "onToggle" | "key" | "id" | "onAnimationEnd" | "aria-controls" | "aria-expanded" | "onClick" | "onKeyDown" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "href" | "enterDelayMs" | "expanded" | "defaultExpanded" | "isChildOfHeader" | "isFixedNav" | "isRail" | "isPersistent" | "addFocusListeners" | "addMouseListeners" | "onOverlayClick" | "onSideNavBlur"> & React.RefAttributes<HTMLElement>>;
+declare const SideNav: React.ForwardRefExoticComponent<Pick<SideNavProps, "children" | "slot" | "style" | "title" | "className" | "dir" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "onToggle" | "key" | "id" | "aria-controls" | "aria-expanded" | "onClick" | "onAnimationEnd" | "onKeyDown" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "href" | "expanded" | "enterDelayMs" | "defaultExpanded" | "isChildOfHeader" | "isFixedNav" | "isRail" | "isPersistent" | "addFocusListeners" | "addMouseListeners" | "onOverlayClick" | "onSideNavBlur"> & React.RefAttributes<HTMLElement>>;
 export default SideNav;

package/es/index.js

@@ -6,12 +6,22 @@
  */
 
 import './feature-flags.js';
+export { default as Accordion } from './components/Accordion/Accordion.js';
+export { default as AccordionItem } from './components/Accordion/AccordionItem.js';
+export { default as AccordionSkeleton } from './components/Accordion/Accordion.Skeleton.js';
 export { default as AspectRatio } from './components/AspectRatio/AspectRatio.js';
+export { default as Button, ButtonKinds, ButtonSizes, ButtonTooltipAlignments, ButtonTooltipPositions } from './components/Button/Button.js';
+export { default as ButtonSkeleton } from './components/Button/Button.Skeleton.js';
+export { default as ButtonSet } from './components/ButtonSet/ButtonSet.js';
 export { default as Checkbox } from './components/Checkbox/Checkbox.js';
 export { default as CheckboxSkeleton } from './components/Checkbox/Checkbox.Skeleton.js';
 export { ClassPrefix } from './components/ClassPrefix/index.js';
 export { ComboButton } from './components/ComboButton/index.js';
+export { default as ComposedModal, ModalBody } from './components/ComposedModal/ComposedModal.js';
+export { ModalHeader } from './components/ComposedModal/ModalHeader.js';
+export { ModalFooter } from './components/ComposedModal/ModalFooter.js';
 export { default as ContentSwitcher } from './components/ContentSwitcher/index.js';
+export { default as DangerButton } from './components/DangerButton/DangerButton.js';
 import './components/DataTable/index.js';
 export { default as DataTableSkeleton } from './components/DataTableSkeleton/DataTableSkeleton.js';
 export { default as DatePicker } from './components/DatePicker/DatePicker.js';
@@ -31,17 +41,23 @@ export { IdPrefix } from './components/IdPrefix/index.js';
 export { default as Link } from './components/Link/Link.js';
 export { default as ListItem } from './components/ListItem/ListItem.js';
 export { MenuButton } from './components/MenuButton/index.js';
+export { ActionableNotification, InlineNotification, NotificationActionButton, NotificationButton, ToastNotification } from './components/Notification/Notification.js';
 export { default as OrderedList } from './components/OrderedList/OrderedList.js';
 export { default as OverflowMenu } from './components/OverflowMenu/index.js';
 export { default as PaginationSkeleton } from './components/Pagination/Pagination.Skeleton.js';
 export { default as RadioButtonSkeleton } from './components/RadioButton/RadioButton.Skeleton.js';
 export { default as Search } from './components/Search/Search.js';
 export { default as SearchSkeleton } from './components/Search/Search.Skeleton.js';
+export { default as SkeletonText } from './components/SkeletonText/SkeletonText.js';
 export { default as Slider } from './components/Slider/index.js';
+export { IconTab, Tab, TabList, TabPanel, TabPanels, Tabs } from './components/Tabs/Tabs.js';
+export { default as TabContent } from './components/TabContent/TabContent.js';
+export { default as TabsSkeleton } from './components/Tabs/Tabs.Skeleton.js';
 export { default as TagSkeleton } from './components/Tag/Tag.Skeleton.js';
 export { default as TextArea } from './components/TextArea/TextArea.js';
 export { default as TextAreaSkeleton } from './components/TextArea/TextArea.Skeleton.js';
 import './components/TextInput/index.js';
+export { ClickableTile, ExpandableTile, SelectableTile, Tile, TileAboveTheFoldContent, TileBelowTheFoldContent } from './components/Tile/Tile.js';
 export { default as TileGroup } from './components/TileGroup/index.js';
 export { default as ToggleSkeleton } from './components/Toggle/Toggle.Skeleton.js';
 export { default as ToggleSmallSkeleton } from './components/ToggleSmall/ToggleSmall.Skeleton.js';
@@ -68,9 +84,6 @@ export { default as unstable__FluidTextInput } from './components/FluidTextInput
 export { default as unstable__FluidTextInputSkeleton } from './components/FluidTextInput/FluidTextInput.Skeleton.js';
 export { default as unstable_PageSelector } from './components/Pagination/experimental/PageSelector.js';
 export { default as unstable_Pagination } from './components/Pagination/experimental/Pagination.js';
-export { default as AccordionItem } from './components/Accordion/AccordionItem.js';
-export { default as AccordionSkeleton } from './components/Accordion/Accordion.Skeleton.js';
-export { default as Accordion } from './components/Accordion/Accordion.js';
 export { default as BreadcrumbSkeleton } from './components/Breadcrumb/Breadcrumb.Skeleton.js';
 export { default as CheckboxGroup } from './components/CheckboxGroup/CheckboxGroup.js';
 export { default as CodeSnippetSkeleton } from './components/CodeSnippet/CodeSnippet.Skeleton.js';
@@ -95,7 +108,6 @@ export { default as Loading } from './components/Loading/Loading.js';
 export { default as ModalWrapper } from './components/ModalWrapper/ModalWrapper.js';
 export { default as NumberInputSkeleton } from './components/NumberInput/NumberInput.Skeleton.js';
 export { default as ProgressIndicatorSkeleton } from './components/ProgressIndicator/ProgressIndicator.Skeleton.js';
-export { default as TabsSkeleton } from './components/Tabs/Tabs.Skeleton.js';
 export { default as TextInputSkeleton } from './components/TextInput/TextInput.Skeleton.js';
 export { default as TextInput } from './components/TextInput/TextInput.js';
 export { Toggle } from './components/Toggle/Toggle.js';
@@ -132,14 +144,7 @@ export { Text as unstable_Text } from './components/Text/Text.js';
 export { TextDirection as unstable_TextDirection } from './components/Text/TextDirection.js';
 export { default as Breadcrumb } from './components/Breadcrumb/Breadcrumb.js';
 export { default as BreadcrumbItem } from './components/Breadcrumb/BreadcrumbItem.js';
-export { default as ButtonSkeleton } from './components/Button/Button.Skeleton.js';
-export { default as Button } from './components/Button/Button.js';
-export { default as ButtonSet } from './components/ButtonSet/ButtonSet.js';
 export { default as ComboBox } from './components/ComboBox/ComboBox.js';
-export { default as ComposedModal, ModalBody } from './components/ComposedModal/ComposedModal.js';
-export { ModalFooter } from './components/ComposedModal/ModalFooter.js';
-export { ModalHeader } from './components/ComposedModal/ModalHeader.js';
-export { default as DangerButton } from './components/DangerButton/DangerButton.js';
 export { default as DataTable } from './components/DataTable/DataTable.js';
 export { Table } from './components/DataTable/Table.js';
 export { default as TableActionList } from './components/DataTable/TableActionList.js';
@@ -169,7 +174,6 @@ export { Menu } from './components/Menu/Menu.js';
 export { MenuItem, MenuItemDivider, MenuItemGroup, MenuItemRadioGroup, MenuItemSelectable } from './components/Menu/MenuItem.js';
 export { default as Modal } from './components/Modal/Modal.js';
 export { default as MultiSelect } from './components/MultiSelect/MultiSelect.js';
-export { ActionableNotification, InlineNotification, NotificationActionButton, NotificationButton, ToastNotification } from './components/Notification/Notification.js';
 export { NumberInput } from './components/NumberInput/NumberInput.js';
 export { default as OverflowMenuItem } from './components/OverflowMenuItem/OverflowMenuItem.js';
 export { default as Pagination } from './components/Pagination/Pagination.js';
@@ -188,16 +192,12 @@ export { default as SelectItem } from './components/SelectItem/SelectItem.js';
 export { default as SelectItemGroup } from './components/SelectItemGroup/SelectItemGroup.js';
 export { default as SkeletonIcon } from './components/SkeletonIcon/SkeletonIcon.js';
 export { default as SkeletonPlaceholder } from './components/SkeletonPlaceholder/SkeletonPlaceholder.js';
-export { default as SkeletonText } from './components/SkeletonText/SkeletonText.js';
 export { default as SliderSkeleton } from './components/Slider/Slider.Skeleton.js';
 export { default as StructuredListSkeleton } from './components/StructuredList/StructuredList.Skeleton.js';
 export { StructuredListBody, StructuredListCell, StructuredListHead, StructuredListInput, StructuredListRow, StructuredListWrapper } from './components/StructuredList/StructuredList.js';
 export { default as Switch } from './components/Switch/Switch.js';
 export { default as IconSwitch } from './components/Switch/IconSwitch.js';
-export { IconTab, Tab, TabList, TabPanel, TabPanels, Tabs } from './components/Tabs/Tabs.js';
-export { default as TabContent } from './components/TabContent/TabContent.js';
 export { default as Tag, types } from './components/Tag/Tag.js';
-export { ClickableTile, ExpandableTile, SelectableTile, Tile, TileAboveTheFoldContent, TileBelowTheFoldContent } from './components/Tile/Tile.js';
 export { default as TimePicker } from './components/TimePicker/TimePicker.js';
 export { default as TimePickerSelect } from './components/TimePickerSelect/TimePickerSelect.js';
 export { default as Content } from './components/UIShell/Content.js';

package/es/internal/keyboard/match.js

@@ -26,7 +26,7 @@
  *   }
  * }
  *
- * @param {Event} event
+ * @param {Event|React.SyntheticEvent} event
  * @param {Array<Key>} keysToMatch
  * @returns {boolean}
  */
@@ -53,7 +53,7 @@ function matches(event, keysToMatch) {
  *   }
  * }
  *
- * @param {React.KeyboardEvent|Event|number|string} eventOrCode
+ * @param {React.SyntheticEvent|Event|number|string} eventOrCode
  * @param {Key} key
  * @returns {boolean}
  */

package/es/internal/useControllableState.js

@@ -19,7 +19,7 @@ import { warning } from './warning.js';
  * uncontrolled, or vice-versa.
  *
  * @param {object} config
- * @param {string} config.name - the name of the custom component
+ * @param {string} [config.name] - the name of the custom component
  * @param {any} config.defaultValue - the default value used for the state. This will be
  * the fallback value used if `value` is not defined.
  * @param {Function} config.onChange - an optional function that is called when
@@ -27,7 +27,7 @@ import { warning } from './warning.js';
  * controlled components that the value is requesting to be changed.
  * @param {any} config.value - a controlled value. Omitting this means that the state is
  * uncontrolled
- * @returns {[any, Function]}
+ * @returns {[any, (v: any) => void]}
  */
 function useControllableState(_ref) {
   let {

package/es/internal/wrapFocus.js

@@ -24,12 +24,12 @@ function elementOrParentIsFloatingMenu(node) {
 /**
  * Ensures the focus is kept in the given `modalNode`, implementing "focus-wrap" behavior.
  * @param {object} options The options.
- * @param {Node} options.bodyNode
- * @param {Node} options.startTrapNode The DOM node of the focus sentinel the is placed earlier next to `modalNode`.
- * @param {Node} options.endTrapNode The DOM node of the focus sentinel the is placed next to `modalNode`.
- * @param {Node} options.currentActiveNode The DOM node that has focus.
- * @param {Node} options.oldActiveNode The DOM node that previously had focus.
- * @param {Node} [options.selectorsFloatingMenus] The CSS selectors that matches floating menus.
+ * @param {HTMLElement|null} options.bodyNode
+ * @param {HTMLElement|null} options.startTrapNode The DOM node of the focus sentinel the is placed earlier next to `modalNode`.
+ * @param {HTMLElement|null} options.endTrapNode The DOM node of the focus sentinel the is placed next to `modalNode`.
+ * @param {HTMLElement} options.currentActiveNode The DOM node that has focus.
+ * @param {HTMLElement} options.oldActiveNode The DOM node that previously had focus.
+ * @param {string[]} [options.selectorsFloatingMenus] The CSS selectors that matches floating menus.
  */
 function wrapFocus(_ref) {
   let {

package/es/prop-types/requiredIfGivenPropIsTruthy.js

@@ -6,7 +6,7 @@
  */
 
 /**
- * @param {Function} name The name of the prop that must exist to validate
+ * @param {string} name The name of the prop that must exist to validate
  * the current prop.
  * @param {Function} propType The original prop type checker.
  * @returns {Function} The new prop type checker for the current prop that

package/es/prop-types/types.js

@@ -5,6 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+/**
+ * @deprecated use ButtonKinds export from Button component instead
+ */
 const ButtonKinds = ['primary', 'secondary', 'danger', 'ghost', 'danger--primary', 'danger--ghost', 'danger--tertiary', 'tertiary'];
 
 export { ButtonKinds };

package/lib/components/Accordion/Accordion.Skeleton.d.ts

@@ -0,0 +1,64 @@
+/**
+ * Copyright IBM Corp. 2016, 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.
+ */
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+interface AccordionSkeletonProps {
+    /**
+     * Specify the alignment of the accordion heading
+     * title and chevron.
+     */
+    align?: 'start' | 'end';
+    /**
+     * Specify an optional className to add.
+     */
+    className?: string;
+    /**
+     * Set number of items to render.
+     */
+    count?: number;
+    /**
+     * Specify whether an individual AccordionItem should
+     * be flush, default is false.
+     */
+    isFlush?: boolean;
+    /**
+     * `false` to not display the first item opened.
+     */
+    open?: boolean;
+}
+declare function AccordionSkeleton({ align, className, count, isFlush, open, ...rest }: AccordionSkeletonProps): JSX.Element;
+declare namespace AccordionSkeleton {
+    var propTypes: {
+        /**
+         * Specify the alignment of the accordion heading title and chevron.
+         */
+        align: PropTypes.Requireable<string>;
+        /**
+         * Specify an optional className to add.
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Set number of items to render
+         */
+        count: PropTypes.Requireable<number>;
+        /**
+         * Specify whether an individual AccordionItem should be flush, default is false
+         */
+        isFlush: PropTypes.Requireable<boolean>;
+        /**
+         * `false` to not display the first item opened
+         */
+        open: PropTypes.Requireable<boolean>;
+    };
+    var defaultProps: {
+        open: boolean;
+        count: number;
+        align: string;
+    };
+}
+export default AccordionSkeleton;
+export { AccordionSkeleton };

package/lib/components/Accordion/Accordion.Skeleton.js

@@ -26,11 +26,11 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var _SkeletonText, _SkeletonText2, _SkeletonText3;
 function AccordionSkeleton(_ref) {
   let {
-    align,
+    align = 'end',
     className,
-    count,
+    count = 4,
     isFlush,
-    open,
+    open = true,
     ...rest
   } = _ref;
   const prefix = usePrefix.usePrefix();

package/lib/components/Accordion/Accordion.d.ts

@@ -0,0 +1,65 @@
+/**
+ * Copyright IBM Corp. 2016, 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 PropTypes from 'prop-types';
+import { PropsWithChildren } from 'react';
+interface AccordionProps {
+    /**
+     * Specify the alignment of the accordion heading
+     * title and chevron. Defaults to `end`.
+     */
+    align?: 'start' | 'end';
+    /**
+     * Specify an optional className to be applied to
+     * the container node.
+     */
+    className?: string;
+    /**
+     * Specify whether an individual AccordionItem
+     * should be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Specify whether Accordion text should be flush,
+     * default is `false`, does not work with `align="start"`.
+     */
+    isFlush?: boolean;
+    /**
+     * Specify the size of the Accordion. Currently
+     * supports the following: `sm`, `md`, `lg`
+     */
+    size?: 'sm' | 'md' | 'lg';
+}
+declare function Accordion({ align, children, className: customClassName, disabled, isFlush, size, ...rest }: PropsWithChildren<AccordionProps>): JSX.Element;
+declare namespace Accordion {
+    var propTypes: {
+        /**
+         * Specify the alignment of the accordion heading title and chevron.
+         */
+        align: PropTypes.Requireable<string>;
+        /**
+         * Pass in the children that will be rendered within the Accordion
+         */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Specify an optional className to be applied to the container node
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Specify whether an individual AccordionItem should be disabled
+         */
+        disabled: PropTypes.Requireable<boolean>;
+        /**
+         * Specify whether Accordion text should be flush, default is false, does not work with align="start"
+         */
+        isFlush: PropTypes.Requireable<boolean>;
+        /**
+         * Specify the size of the Accordion. Currently supports the following:
+         */
+        size: PropTypes.Requireable<string>;
+    };
+}
+export default Accordion;

package/lib/components/Accordion/Accordion.js

@@ -14,6 +14,7 @@ var cx = require('classnames');
 var usePrefix = require('../../internal/usePrefix.js');
 var PropTypes = require('prop-types');
 var React = require('react');
+var AccordionProvider = require('./AccordionProvider.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -39,13 +40,11 @@ function Accordion(_ref) {
     [`${prefix}--layout--size-${size}`]: size,
     [`${prefix}--accordion--flush`]: isFlush && align !== 'start'
   });
-  return /*#__PURE__*/React__default["default"].createElement("ul", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React__default["default"].createElement(AccordionProvider.AccordionProvider, {
+    disabled: disabled
+  }, /*#__PURE__*/React__default["default"].createElement("ul", _rollupPluginBabelHelpers["extends"]({
     className: className
-  }, rest), disabled ? React__default["default"].Children.toArray(children).map(child => {
-    return /*#__PURE__*/React__default["default"].cloneElement(child, {
-      disabled
-    });
-  }) : children);
+  }, rest), children));
 }
 Accordion.propTypes = {
   /**

package/lib/components/Accordion/AccordionItem.d.ts

@@ -0,0 +1,105 @@
+import PropTypes from 'prop-types';
+import { AnimationEventHandler, AriaAttributes, KeyboardEvent, MouseEventHandler, PropsWithChildren, ReactElement, ReactNode } from 'react';
+interface AccordionItemProps {
+    /**
+     * Specify an optional className to be
+     * applied to the container node.
+     */
+    className?: string;
+    /**
+     * Specify whether an individual `AccordionItem` should
+     * be disabled (overrides the parent accordion state). If undefined,
+     * this value will be managed by the parent Accordion.
+     */
+    disabled?: boolean;
+    /**
+     * The handler of the massaged `click` event.
+     */
+    onClick?: MouseEventHandler<HTMLLIElement>;
+    /**
+     * The handler of the massaged `click` event on
+     * the heading.
+     */
+    onHeadingClick?: ({ isOpen, event, }: {
+        isOpen: boolean;
+        event: Parameters<MouseEventHandler<HTMLButtonElement>>[0];
+    }) => void;
+    /**
+     * `true` to open the expand.
+     */
+    open?: boolean;
+    /**
+     * @deprecated This prop has been deprecated and will be
+     * removed in the next major release of Carbon. Use the
+     * `renderToggle` prop instead.
+     */
+    renderExpando?: (props: PropsWithChildren<AccordionToggleProps>) => ReactElement;
+    /**
+     * The callback function to render the expand button.
+     * Can be a React component class.
+     */
+    renderToggle?: (props: PropsWithChildren<AccordionToggleProps>) => ReactElement;
+    /**
+     * The accordion title.
+     */
+    title?: ReactNode;
+    /**
+     * The callback function to run on the `onAnimationEnd`
+     * event for the list item.
+     */
+    handleAnimationEnd?: AnimationEventHandler<HTMLLIElement>;
+}
+interface AccordionToggleProps {
+    'aria-controls'?: AriaAttributes['aria-controls'];
+    'aria-expanded'?: AriaAttributes['aria-expanded'];
+    className?: string;
+    disabled?: boolean;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    onKeyDown?: (event: KeyboardEvent<HTMLButtonElement>) => void;
+    type?: 'button';
+}
+declare function AccordionItem({ children, className: customClassName, open, onHeadingClick, renderExpando, // remove renderExpando in next major release
+renderToggle, title, disabled: controlledDisabled, handleAnimationEnd, ...rest }: PropsWithChildren<AccordionItemProps>): JSX.Element;
+declare namespace AccordionItem {
+    var propTypes: {
+        /**
+         * Provide the contents of your AccordionItem
+         */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Specify an optional className to be applied to the container node
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Specify whether an individual AccordionItem should be disabled
+         */
+        disabled: PropTypes.Requireable<boolean>;
+        /**
+         * The handler of the massaged `click` event.
+         */
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * The handler of the massaged `click` event on the heading.
+         */
+        onHeadingClick: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * `true` to open the expand.
+         */
+        open: PropTypes.Requireable<boolean>;
+        /**
+         * The callback function to render the expand button.
+         * Can be a React component class.
+         */
+        renderExpando: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+        /**
+         * The callback function to render the expand button.
+         * Can be a React component class.
+         */
+        renderToggle: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * The accordion title.
+         */
+        title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+}
+export default AccordionItem;

package/lib/components/Accordion/AccordionItem.js

@@ -18,6 +18,7 @@ require('../Text/index.js');
 var useId = require('../../internal/useId.js');
 var deprecate = require('../../prop-types/deprecate.js');
 var usePrefix = require('../../internal/usePrefix.js');
+var AccordionProvider = require('./AccordionProvider.js');
 var Text = require('../Text/Text.js');
 var match = require('../../internal/keyboard/match.js');
 var keys = require('../../internal/keyboard/keys.js');
@@ -34,21 +35,23 @@ const defaultRenderToggle = props => /*#__PURE__*/React__default["default"].crea
 function AccordionItem(_ref) {
   let {
     children,
-    className: customClassName,
-    iconDescription,
-    // eslint-disable-line
+    className: customClassName = '',
     open = false,
     onHeadingClick,
     renderExpando = defaultRenderToggle,
     // remove renderExpando in next major release
     renderToggle,
     title = 'title',
-    disabled,
+    disabled: controlledDisabled,
+    handleAnimationEnd,
     ...rest
   } = _ref;
   const [isOpen, setIsOpen] = React.useState(open);
   const [prevIsOpen, setPrevIsOpen] = React.useState(open);
   const [animation, setAnimation] = React.useState('');
+  const accordionState = React.useContext(AccordionProvider.AccordionContext);
+  const disabledIsControlled = typeof controlledDisabled === 'boolean';
+  const disabled = disabledIsControlled ? controlledDisabled : accordionState.disabled;
   const id = useId.useId('accordion-item');
   const prefix = usePrefix.usePrefix();
   const className = cx__default["default"]({
@@ -88,16 +91,16 @@ function AccordionItem(_ref) {
       setIsOpen(false);
     }
   }
-  function handleAnimationEnd(event) {
-    if (rest.handleAnimationEnd) {
-      rest.handleAnimationEnd(event);
+  function onAnimationEnd(event) {
+    if (handleAnimationEnd) {
+      handleAnimationEnd(event);
     }
     setAnimation('');
   }
   return /*#__PURE__*/React__default["default"].createElement("li", _rollupPluginBabelHelpers["extends"]({
     className: className
   }, rest, {
-    onAnimationEnd: handleAnimationEnd
+    onAnimationEnd: onAnimationEnd
   }), /*#__PURE__*/React__default["default"].createElement(Toggle, {
     disabled: disabled,
     "aria-controls": id,

package/lib/components/Accordion/AccordionProvider.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Copyright IBM Corp. 2016, 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 } from 'react';
+type AccordionProviderProp = {
+    /**
+     * Global setting to disable all AccordionItems
+     * within the Accordion. Individual AccordionItems can be
+     * disabled by passing the `disabled` prop to the AccordionItem.
+     */
+    disabled: boolean;
+};
+export declare const AccordionContext: React.Context<{
+    disabled: boolean;
+}>;
+export declare const AccordionProvider: ({ disabled, children, }: PropsWithChildren<AccordionProviderProp>) => JSX.Element;
+export {};

package/lib/components/Accordion/AccordionProvider.js

@@ -0,0 +1,34 @@
+/**
+ * Copyright IBM Corp. 2016, 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.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const AccordionContext = /*#__PURE__*/React.createContext({
+  disabled: false
+});
+const AccordionProvider = _ref => {
+  let {
+    disabled,
+    children
+  } = _ref;
+  return /*#__PURE__*/React__default["default"].createElement(AccordionContext.Provider, {
+    value: {
+      disabled
+    }
+  }, children);
+};
+
+exports.AccordionContext = AccordionContext;
+exports.AccordionProvider = AccordionProvider;

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

@@ -0,0 +1,11 @@
+/**
+ * Copyright IBM Corp. 2016, 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 Accordion from './Accordion';
+export default Accordion;
+export { Accordion };
+export { default as AccordionItem } from './AccordionItem';
+export { default as AccordionSkeleton } from './Accordion.Skeleton';