@deque/cauldron-react 5.0.0 → 5.1.0-canary.1a1011cd

package/lib/components/Breadcrumb/Breadcrumb.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Cauldron } from '../../types';
 declare type BreadcrumbProps = {
-    separator?: string;
+    separator?: React.ReactNode;
 } & React.HTMLAttributes<HTMLElement> & Cauldron.LabelProps;
 declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLElement>>;
 export default Breadcrumb;

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

@@ -1,10 +1,10 @@
 import React from 'react';
 import { SyntaxHighlighterProps } from 'react-syntax-highlighter';
-interface Props extends SyntaxHighlighterProps {
+declare type Props = {
     children: string;
     language?: 'javascript' | 'css' | 'html' | 'yaml';
     className?: string;
-    tabIndex?: number;
-}
+    scrollable?: boolean;
+} & SyntaxHighlighterProps & React.HTMLAttributes<HTMLDivElement>;
 declare const Code: React.ComponentType<React.PropsWithChildren<Props>>;
 export default Code;

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

@@ -40,6 +40,7 @@ export default class Dialog extends React.Component<DialogProps, DialogState> {
     private heading;
     constructor(props: DialogProps);
     componentDidMount(): void;
+    componentWillUnmount(): void;
     componentDidUpdate(prevProps: DialogProps): void;
     private attachIsolator;
     render(): JSX.Element | null;

package/lib/components/Icon/types.d.ts

@@ -2,6 +2,6 @@
  * GENERATED CODE. DO NOT EDIT DIRECTLY!
  */
 /** IconType represents each valid icon type. */
-export declare type IconType = 'add-user' | 'arrow-circle-up' | 'arrow-circle-down' | 'arrow-circle-left' | 'arrow-circle-right' | 'arrow-up' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrows-alt' | 'bolt' | 'caution' | 'check-circle' | 'check-shield' | 'check-solid' | 'check' | 'checkbox-checked' | 'checkbox-unchecked' | 'chevron-double-up' | 'chevron-double-down' | 'chevron-double-left' | 'chevron-double-right' | 'chevron-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'clipboard' | 'close' | 'code' | 'copy' | 'download' | 'dropper' | 'exchange' | 'export-solid' | 'external-link' | 'eye' | 'filter-solid' | 'filter' | 'flag' | 'gears' | 'grid' | 'hamburger-menu' | 'highlight' | 'info-circle-alt' | 'info-circle' | 'info-square' | 'kabob' | 'link' | 'list' | 'lock' | 'magnifying-glass' | 'menu' | 'minus' | 'new-releases' | 'new' | 'no' | 'pencil' | 'person-running' | 'play' | 'plus' | 'question-circle-alt' | 'question-circle' | 'radio-checked' | 'radio-unchecked' | 'recycle-square' | 'recycle' | 'resend' | 'robot' | 'run-again' | 'save' | 'share' | 'sort-triangle' | 'sort' | 'star' | 'sun' | 'table-sort-ascending' | 'table-sort-descending' | 'tag' | 'target' | 'trash' | 'triangle-up' | 'triangle-down' | 'triangle-left' | 'triangle-right' | 'upload';
+export declare type IconType = 'add-user' | 'arrow-circle-up' | 'arrow-circle-down' | 'arrow-circle-left' | 'arrow-circle-right' | 'arrow-up' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrows-alt' | 'bolt' | 'caution' | 'check-circle' | 'check-shield' | 'check-solid' | 'check' | 'checkbox-checked' | 'checkbox-unchecked' | 'chevron-double-up' | 'chevron-double-down' | 'chevron-double-left' | 'chevron-double-right' | 'chevron-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'clipboard' | 'close' | 'code' | 'copy' | 'download' | 'dropper' | 'exchange' | 'export-solid' | 'external-link' | 'eye' | 'filter-solid' | 'filter' | 'flag' | 'gears' | 'github' | 'grid' | 'hamburger-menu' | 'hashtag' | 'highlight' | 'info-circle-alt' | 'info-circle' | 'info-square' | 'kabob' | 'link' | 'linkedin' | 'list' | 'lock' | 'magnifying-glass' | 'menu' | 'minus' | 'new-releases' | 'new' | 'no' | 'pencil' | 'person-running' | 'play' | 'plus' | 'question-circle-alt' | 'question-circle' | 'radio-checked' | 'radio-unchecked' | 'recycle-square' | 'recycle' | 'resend' | 'robot' | 'run-again' | 'save' | 'share-nodes' | 'share' | 'sort-triangle' | 'sort' | 'star' | 'sun' | 'table-sort-ascending' | 'table-sort-descending' | 'tag' | 'target' | 'trash' | 'triangle-up' | 'triangle-down' | 'triangle-left' | 'triangle-right' | 'twitter' | 'upload';
 /** iconTypes holds each valid icon type. */
 export declare const iconTypes: string[];

package/lib/components/NavBar/NavItem.d.ts

@@ -3,9 +3,10 @@ import PropTypes from 'prop-types';
 interface NavItemProps extends React.HTMLAttributes<HTMLLIElement> {
     children: React.ReactNode;
     active: boolean;
+    'aria-current'?: 'page' | 'step' | 'location' | true | false;
 }
 declare const NavItem: {
-    ({ children, active, ...other }: NavItemProps): JSX.Element;
+    ({ children, active, "aria-current": ariaCurrent, ...other }: NavItemProps): JSX.Element;
     displayName: string;
     propTypes: {
         children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-export interface OffscreenProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface OffscreenProps extends React.HTMLAttributes<HTMLSpanElement> {
 }
 declare const Offscreen: (props: OffscreenProps) => JSX.Element;
 export default Offscreen;

package/lib/components/Pagination/Pagination.d.ts

@@ -1,14 +1,15 @@
 import React from 'react';
 import { Placement } from '@popperjs/core';
+import { ContentNode } from '../../types';
 interface Props extends React.HTMLAttributes<HTMLDivElement> {
     totalItems: number;
     itemsPerPage?: number;
     currentPage?: number;
     statusLabel?: React.ReactNode;
-    firstPageLabel?: string;
-    previousPageLabel?: string;
-    nextPageLabel?: string;
-    lastPageLabel?: string;
+    firstPageLabel?: ContentNode;
+    previousPageLabel?: ContentNode;
+    nextPageLabel?: ContentNode;
+    lastPageLabel?: ContentNode;
     onNextPageClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     onPreviousPageClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     onFirstPageClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;

package/lib/components/Panel/Panel.d.ts

@@ -0,0 +1,14 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+interface PanelProps extends HTMLAttributes<HTMLElement> {
+    children: ReactNode;
+    heading?: ReactNode | {
+        id?: string;
+        text: ReactNode;
+        level: number | undefined;
+    };
+    collapsed?: boolean;
+    className?: string;
+    padding?: boolean;
+}
+declare const Panel: React.ForwardRefExoticComponent<PanelProps & React.RefAttributes<HTMLElement>>;
+export default Panel;

package/lib/components/Panel/PanelContent.d.ts

@@ -0,0 +1,8 @@
+import React, { ReactNode } from 'react';
+export interface PanelContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    className?: string;
+    padding?: boolean;
+}
+declare const PanelContent: React.ForwardRefExoticComponent<PanelContentProps & React.RefAttributes<HTMLDivElement>>;
+export default PanelContent;

package/lib/components/Panel/PanelHeader.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from 'react';
+export interface PanelHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    className?: string;
+}
+declare const PanelHeader: React.ForwardRefExoticComponent<PanelHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export default PanelHeader;

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

@@ -1,13 +1,5 @@
-import React, { HTMLAttributes, ReactNode } from 'react';
-interface PanelProps extends HTMLAttributes<HTMLElement> {
-    children: ReactNode;
-    heading?: ReactNode | {
-        id?: string;
-        text: ReactNode;
-        level: number | undefined;
-    };
-    collapsed?: boolean;
-    className?: string;
-}
-declare const Panel: React.ForwardRefExoticComponent<PanelProps & React.RefAttributes<HTMLElement>>;
+import Panel from './Panel';
+import PanelContent from './PanelContent';
+import PanelHeader from './PanelHeader';
 export default Panel;
+export { Panel, PanelContent, PanelHeader };

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

@@ -15,5 +15,5 @@ export interface SelectProps extends Omit<React.HTMLProps<HTMLSelectElement>, 'c
     defaultValue?: any;
     onChange?: (e: React.ChangeEvent<HTMLSelectElement>) => void;
 }
-declare const Select: React.ForwardRefExoticComponent<Pick<SelectProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "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-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "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" | "children" | "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" | "onKeyDown" | "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" | "onClick" | "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" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "form" | "list" | "step" | "cite" | "data" | "label" | "span" | "summary" | "pattern" | "type" | "key" | "download" | "target" | "name" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "open" | "error" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "encType" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "useMap" | "width" | "wmode" | "wrap" | "options" | "requiredText"> & React.RefAttributes<HTMLSelectElement>>;
+declare const Select: React.ForwardRefExoticComponent<Pick<SelectProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "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-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "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" | "children" | "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" | "onKeyDown" | "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" | "onClick" | "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" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "form" | "list" | "step" | "cite" | "data" | "label" | "span" | "summary" | "pattern" | "type" | "key" | "download" | "target" | "name" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "open" | "error" | "start" | "content" | "size" | "default" | "wrap" | "multiple" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "encType" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "muted" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "useMap" | "width" | "wmode" | "options" | "requiredText"> & React.RefAttributes<HTMLSelectElement>>;
 export default Select;

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

@@ -44,6 +44,7 @@ export default class Toast extends React.Component<ToastProps, ToastState> {
     constructor(props: ToastProps);
     componentDidMount(): void;
     componentDidUpdate(prevProps: ToastProps): void;
+    componentWillUnmount(): void;
     render(): JSX.Element;
     dismissToast(): void;
     showToast(): void;

package/lib/github.js

@@ -0,0 +1,24 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var React = require('react');
+var React__default = _interopDefault(React);
+
+var _path;
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const SvgGithub = props => /*#__PURE__*/React.createElement("svg", _extends({
+  overflow: "visible",
+  preserveAspectRatio: "none",
+  viewBox: "0 0 24 24",
+  height: 24,
+  width: 24
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+  d: "M8.03 19.14c0 .1-.11.17-.25.17-.16.01-.27-.06-.27-.17 0-.1.11-.17.25-.17.15-.01.27.06.27.17Zm-1.5-.22c-.03.1.06.21.21.24.13.05.27 0 .3-.1s-.06-.21-.21-.25c-.13-.03-.27.01-.3.11Zm2.14-.08c-.14.03-.24.13-.22.24.01.1.14.16.29.13.14-.03.24-.13.22-.22-.01-.09-.15-.15-.29-.14ZM11.85.3C5.13.3 0 5.39 0 12.11c0 5.37 3.38 9.96 8.2 11.57.62.11.84-.27.84-.59s-.01-1.95-.01-2.97c0 0-3.39.73-4.1-1.44 0 0-.55-1.41-1.35-1.77 0 0-1.11-.76.08-.75 0 0 1.2.1 1.87 1.25 1.06 1.87 2.84 1.33 3.53 1.01.11-.77.43-1.31.77-1.63-2.7-.3-5.43-.69-5.43-5.35 0-1.33.37-2 1.14-2.85-.13-.31-.54-1.61.13-3.29 1.01-.31 3.34 1.31 3.34 1.31.97-.27 2.01-.41 3.04-.41s2.07.14 3.04.41c0 0 2.33-1.63 3.34-1.31.66 1.68.25 2.97.13 3.29.77.86 1.25 1.52 1.25 2.85 0 4.67-2.85 5.04-5.55 5.35.45.38.82 1.11.82 2.25 0 1.63-.01 3.65-.01 4.05 0 .31.22.7.84.59 4.84-1.61 8.12-6.2 8.12-11.56C24 5.39 18.56.3 11.85.3ZM4.71 16.99c-.06.05-.05.16.03.25.08.08.19.11.25.05.06-.05.05-.16-.03-.25-.08-.08-.19-.11-.25-.05Zm-.52-.39c-.03.06.01.14.11.19.08.05.17.03.21-.03.03-.06-.01-.14-.11-.19-.1-.03-.17-.01-.21.03Zm1.57 1.72c-.08.06-.05.21.06.3.11.11.25.13.31.05.06-.06.03-.21-.06-.3-.11-.11-.25-.13-.31-.05Zm-.55-.71c-.08.05-.08.17 0 .29s.21.16.27.11c.08-.06.08-.19 0-.3-.07-.11-.19-.16-.27-.1Z",
+  fill: "currentColor",
+  vectorEffect: "non-scaling-stroke"
+})));
+
+exports.default = SvgGithub;

package/lib/hashtag.js

@@ -0,0 +1,23 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var React = require('react');
+var React__default = _interopDefault(React);
+
+var _path;
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const SvgHashtag = props => /*#__PURE__*/React.createElement("svg", _extends({
+  preserveAspectRatio: "none",
+  viewBox: "0 0 24 24",
+  height: 24,
+  width: 24
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+  d: "M9.71.02c.93.16 1.56 1.04 1.41 1.97l-.52 3.15h5.09l.62-3.71C16.47.5 17.35-.13 18.28.02s1.56 1.04 1.41 1.97l-.52 3.15h3.12a1.71 1.71 0 1 1 0 3.42H18.6l-1.14 6.85h3.12a1.71 1.71 0 1 1 0 3.42h-3.69l-.62 3.71c-.16.93-1.04 1.56-1.97 1.41s-1.56-1.04-1.41-1.97l.52-3.14h-5.1l-.62 3.71c-.16.93-1.04 1.56-1.97 1.41s-1.56-1.04-1.41-1.97l.52-3.15H1.72c-.95.01-1.72-.75-1.72-1.7s.77-1.71 1.71-1.71H5.4l1.14-6.85H3.42a1.71 1.71 0 1 1 0-3.42h3.69l.62-3.71C7.89.52 8.77-.11 9.7.04Zm.31 8.55-1.14 6.85h5.09l1.14-6.85h-5.09Z",
+  fill: "currentColor",
+  vectorEffect: "non-scaling-stroke"
+})));
+
+exports.default = SvgHashtag;

package/lib/index.d.ts

@@ -43,7 +43,7 @@ export { default as Table, TableBody, TableCell, TableHead, TableHeader, TableRo
 export { default as Tabs, Tab, TabPanel } from './components/Tabs';
 export { DescriptionList, DescriptionListItem, DescriptionTerm, DescriptionDetails } from './components/DescriptionList';
 export { default as Stepper, Step } from './components/Stepper';
-export { default as Panel } from './components/Panel';
+export { default as Panel, PanelHeader, PanelContent } from './components/Panel';
 export { default as IssuePanel } from './components/IssuePanel';
 export { default as ProgressBar } from './components/ProgressBar';
 export { Address, AddressLine, AddressCityStateZip } from './components/Address';

package/lib/index.js

@@ -16,6 +16,7 @@ var reactDom = require('react-dom');
 var FocusTrap = _interopDefault(require('focus-trap-react'));
 var reactPopper = require('react-popper');
 var focusable = _interopDefault(require('focusable'));
+require('fault');
 
 var Main = /** @class */ (function (_super) {
     tslib.__extends(Main, _super);
@@ -110,7 +111,7 @@ var Workspace = /** @class */ (function (_super) {
     return Workspace;
 }(React__default.Component));
 
-var Offscreen = function (props) { return (React__default.createElement("div", tslib.__assign({ className: "Offscreen" }, props))); };
+var Offscreen = function (props) { return (React__default.createElement("span", tslib.__assign({ className: "Offscreen" }, props))); };
 
 /*!
  * GENERATED CODE. DO NOT EDIT DIRECTLY!
@@ -157,14 +158,17 @@ var iconTypes = [
     'filter',
     'flag',
     'gears',
+    'github',
     'grid',
     'hamburger-menu',
+    'hashtag',
     'highlight',
     'info-circle-alt',
     'info-circle',
     'info-square',
     'kabob',
     'link',
+    'linkedin',
     'list',
     'lock',
     'magnifying-glass',
@@ -187,6 +191,7 @@ var iconTypes = [
     'robot',
     'run-again',
     'save',
+    'share-nodes',
     'share',
     'sort-triangle',
     'sort',
@@ -201,6 +206,7 @@ var iconTypes = [
     'triangle-down',
     'triangle-left',
     'triangle-right',
+    'twitter',
     'upload'
 ];
 
@@ -234,14 +240,17 @@ function __variableDynamicImportRuntime0__(path) {
     case './icons/filter.svg': return Promise.resolve().then(function () { return require('./filter.js'); });
     case './icons/flag.svg': return Promise.resolve().then(function () { return require('./flag.js'); });
     case './icons/gears.svg': return Promise.resolve().then(function () { return require('./gears.js'); });
+    case './icons/github.svg': return Promise.resolve().then(function () { return require('./github.js'); });
     case './icons/grid.svg': return Promise.resolve().then(function () { return require('./grid.js'); });
     case './icons/hamburger-menu.svg': return Promise.resolve().then(function () { return require('./hamburger-menu.js'); });
+    case './icons/hashtag.svg': return Promise.resolve().then(function () { return require('./hashtag.js'); });
     case './icons/highlight.svg': return Promise.resolve().then(function () { return require('./highlight.js'); });
     case './icons/info-circle-alt.svg': return Promise.resolve().then(function () { return require('./info-circle-alt.js'); });
     case './icons/info-circle.svg': return Promise.resolve().then(function () { return require('./info-circle.js'); });
     case './icons/info-square.svg': return Promise.resolve().then(function () { return require('./info-square.js'); });
     case './icons/kabob.svg': return Promise.resolve().then(function () { return require('./kabob.js'); });
     case './icons/link.svg': return Promise.resolve().then(function () { return require('./link.js'); });
+    case './icons/linkedin.svg': return Promise.resolve().then(function () { return require('./linkedin.js'); });
     case './icons/list.svg': return Promise.resolve().then(function () { return require('./list.js'); });
     case './icons/lock.svg': return Promise.resolve().then(function () { return require('./lock.js'); });
     case './icons/magnifying-glass.svg': return Promise.resolve().then(function () { return require('./magnifying-glass.js'); });
@@ -264,6 +273,7 @@ function __variableDynamicImportRuntime0__(path) {
     case './icons/robot.svg': return Promise.resolve().then(function () { return require('./robot.js'); });
     case './icons/run-again.svg': return Promise.resolve().then(function () { return require('./run-again.js'); });
     case './icons/save.svg': return Promise.resolve().then(function () { return require('./save.js'); });
+    case './icons/share-nodes.svg': return Promise.resolve().then(function () { return require('./share-nodes.js'); });
     case './icons/share.svg': return Promise.resolve().then(function () { return require('./share.js'); });
     case './icons/sort-triangle.svg': return Promise.resolve().then(function () { return require('./sort-triangle.js'); });
     case './icons/sort.svg': return Promise.resolve().then(function () { return require('./sort.js'); });
@@ -275,6 +285,7 @@ function __variableDynamicImportRuntime0__(path) {
     case './icons/target.svg': return Promise.resolve().then(function () { return require('./target.js'); });
     case './icons/trash.svg': return Promise.resolve().then(function () { return require('./trash.js'); });
     case './icons/triangle.svg': return Promise.resolve().then(function () { return require('./triangle.js'); });
+    case './icons/twitter.svg': return Promise.resolve().then(function () { return require('./twitter.js'); });
     case './icons/upload.svg': return Promise.resolve().then(function () { return require('./upload.js'); });
     default: return new Promise(function(resolve, reject) {
       (typeof queueMicrotask === 'function' ? queueMicrotask : setTimeout)(
@@ -1304,10 +1315,14 @@ NavBar.propTypes = {
 };
 
 var NavItem = function (_a) {
-    var children = _a.children, active = _a.active, other = tslib.__rest(_a, ["children", "active"]);
+    var children = _a.children, active = _a.active, _b = _a["aria-current"], ariaCurrent = _b === void 0 ? true : _b, other = tslib.__rest(_a, ["children", "active", 'aria-current']);
+    var additionalProps = {};
+    if (active) {
+        additionalProps['aria-current'] = ariaCurrent;
+    }
     return (React__default.createElement("li", tslib.__assign({ className: classNames('NavItem', {
             'NavItem--active': active
-        }) }, other), children));
+        }) }, additionalProps, other), children));
 };
 NavItem.displayName = 'NavItem';
 NavItem.propTypes = {
@@ -1517,6 +1532,10 @@ var Dialog = /** @class */ (function (_super) {
             this.attachIsolator(function () { return setTimeout(_this.focusHeading); });
         }
     };
+    Dialog.prototype.componentWillUnmount = function () {
+        var isolator = this.state.isolator;
+        isolator === null || isolator === void 0 ? void 0 : isolator.deactivate();
+    };
     Dialog.prototype.componentDidUpdate = function (prevProps) {
         if (!prevProps.show && this.props.show) {
             this.attachIsolator(this.focusHeading);
@@ -1569,8 +1588,8 @@ var Dialog = /** @class */ (function (_super) {
     };
     Dialog.prototype.close = function () {
         var _a, _b, _c;
+        (_a = this.state.isolator) === null || _a === void 0 ? void 0 : _a.deactivate();
         if (this.props.show) {
-            (_a = this.state.isolator) === null || _a === void 0 ? void 0 : _a.deactivate();
             (_c = (_b = this.props).onClose) === null || _c === void 0 ? void 0 : _c.call(_b);
         }
     };
@@ -1912,7 +1931,7 @@ var IconButton = React.forwardRef(function (_a, ref) {
                 'IconButton--error': variant === 'error'
             }), ref: internalRef, disabled: disabled, tabIndex: disabled ? -1 : tabIndex }, accessibilityProps, other),
             React__default.createElement(Icon, { type: icon }),
-            React__default.createElement(Offscreen, null, label)),
+            disabled && React__default.createElement(Offscreen, null, label)),
         !disabled && (React__default.createElement(Tooltip, { target: internalRef, placement: tooltipPlacement, variant: tooltipVariant, portal: tooltipPortal, association: "aria-labelledby", hideElementOnHidden: true }, label))));
 });
 IconButton.propTypes = {
@@ -2344,6 +2363,10 @@ var Toast = /** @class */ (function (_super) {
             }
         }
     };
+    Toast.prototype.componentWillUnmount = function () {
+        var isolator = this.state.isolator;
+        isolator === null || isolator === void 0 ? void 0 : isolator.deactivate();
+    };
     Toast.prototype.render = function () {
         var _this = this;
         var animationClass = this.state.animationClass;
@@ -2354,7 +2377,7 @@ var Toast = /** @class */ (function (_super) {
         var scrim = type === 'action-needed' && show ? (React__default.createElement("div", { className: "Scrim--light Scrim--show Scrim--fade-in" })) : null;
         var defaultProps = {
             tabIndex: -1,
-            className: "Toast Toast--".concat(typeMap[type].className, " ").concat(animationClass)
+            className: classNames('Toast', "Toast--".concat(typeMap[type].className), animationClass, { 'Toast--non-dismissible': !dismissible })
         };
         if (!focus) {
             defaultProps.role = 'alert';
@@ -8146,9 +8169,35 @@ SyntaxHighlighter.registerLanguage('yaml', yaml_1);
 // HACK: This is a workaround for a bug in react-syntax-highlighter's types.
 var Highlighter = SyntaxHighlighter;
 var Code = function (_a) {
-    var children = _a.children, className = _a.className, tabIndex = _a.tabIndex, props = tslib.__rest(_a, ["children", "className", "tabIndex"]);
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement(Highlighter, tslib.__assign({}, props, { useInlineStyles: false, className: classNames('Code', className), tabIndex: tabIndex }), children)));
+    var children = _a.children, className = _a.className, _b = _a.scrollable, scrollable = _b === void 0 ? false : _b, props = tslib.__rest(_a, ["children", "className", "scrollable"]);
+    var ref = React.useRef(null);
+    var _c = tslib.__read(React.useState(false), 2), scrollableRegion = _c[0], setScrollableRegion = _c[1];
+    // react-syntax-highlighter does not provide direct access to its dom elements
+    // via refs, but we can specify the wrapping tags to bypass this limitation
+    // see: https://github.com/react-syntax-highlighter/react-syntax-highlighter/issues/335
+    var PreWithRef = function (preProps) { return (React__default.createElement("pre", tslib.__assign({}, preProps, { ref: ref }))); };
+    React.useEffect(function () {
+        var _a;
+        // Track the containing element because resize observer will not
+        // trigger once an element becomes scrollable
+        if (scrollable && ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.parentElement)) {
+            var listener = function () {
+                if (!ref.current) {
+                    return;
+                }
+                var element = ref.current;
+                setScrollableRegion(element.clientWidth < element.scrollWidth);
+            };
+            var observer_1 = new ResizeObserver(listener);
+            observer_1.observe(ref.current.parentElement);
+        }
+        return function () {
+            setScrollableRegion(false);
+        };
+    }, [scrollable]);
+    return (React__default.createElement(Highlighter, tslib.__assign({}, props, { PreTag: PreWithRef, useInlineStyles: false, className: classNames('Code', className, {
+            'Code--scrollable': scrollable
+        }), tabIndex: scrollableRegion ? 0 : undefined }), children));
 };
 Code.displayName = 'Code';
 Code.propTypes = {
@@ -8585,7 +8634,7 @@ Stepper.propTypes = {
 
 var Panel = React.forwardRef(function (_a, ref) {
     var _b;
-    var children = _a.children, collapsed = _a.collapsed, className = _a.className, heading = _a.heading, other = tslib.__rest(_a, ["children", "collapsed", "className", "heading"]);
+    var children = _a.children, collapsed = _a.collapsed, className = _a.className, heading = _a.heading, _c = _a.padding, padding = _c === void 0 ? true : _c, other = tslib.__rest(_a, ["children", "collapsed", "className", "heading", "padding"]);
     var headingId = !heading
         ? undefined
         : typeof heading === 'object' && 'id' in heading
@@ -8607,6 +8656,7 @@ var Panel = React.forwardRef(function (_a, ref) {
     };
     return (React__default.createElement("section", tslib.__assign({ "aria-labelledby": headingId, className: classNames('Panel', className, (_b = {},
             _b['Panel--collapsed'] = collapsed,
+            _b['Panel--no-padding'] = !padding,
             _b)), ref: ref }, other),
         React__default.createElement(Heading, null),
         children));
@@ -8617,6 +8667,34 @@ Panel.propTypes = {
     children: PropTypes.node.isRequired,
     // @ts-expect-error
     heading: PropTypes.oneOfType([PropTypes.object, PropTypes.node]),
+    className: PropTypes.string,
+    padding: PropTypes.bool,
+    collapsed: PropTypes.bool
+};
+
+var PanelContent = React.forwardRef(function (_a, ref) {
+    var _b;
+    var children = _a.children, className = _a.className, _c = _a.padding, padding = _c === void 0 ? true : _c, otherProps = tslib.__rest(_a, ["children", "className", "padding"]);
+    return (React__default.createElement("div", tslib.__assign({ className: classNames('Panel__Content', className, (_b = {},
+            _b['Panel__Content--no-padding'] = !padding,
+            _b)), ref: ref }, otherProps), children));
+});
+PanelContent.displayName = 'PanelContent';
+PanelContent.propTypes = {
+    //@ts-expect-error
+    children: PropTypes.node.isRequired,
+    className: PropTypes.string,
+    padding: PropTypes.bool
+};
+
+var PanelHeader = React.forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, otherProps = tslib.__rest(_a, ["children", "className"]);
+    return (React__default.createElement("div", tslib.__assign({ className: classNames('Panel__Header', className), ref: ref }, otherProps), children));
+});
+PanelHeader.displayName = 'PanelHeader';
+PanelHeader.propTypes = {
+    //@ts-expect-error
+    children: PropTypes.node.isRequired,
     className: PropTypes.string
 };
 
@@ -8674,6 +8752,16 @@ AddressCityStateZip.propTypes = {
     className: PropTypes.string
 };
 
+/**
+ * This prop type is meant to ensure that a prop can actually be rendered as content.
+ * It should match the ContentNode type in types.ts
+ */
+var contentNode = PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.number,
+    PropTypes.element
+]);
+
 var Pagination = React__default.forwardRef(function (_a, ref) {
     var totalItems = _a.totalItems, _b = _a.itemsPerPage, itemsPerPage = _b === void 0 ? 10 : _b, _c = _a.currentPage, currentPage = _c === void 0 ? 1 : _c, statusLabel = _a.statusLabel, _d = _a.firstPageLabel, firstPageLabel = _d === void 0 ? 'First page' : _d, _e = _a.previousPageLabel, previousPageLabel = _e === void 0 ? 'Previous page' : _e, _f = _a.nextPageLabel, nextPageLabel = _f === void 0 ? 'Next page' : _f, _g = _a.lastPageLabel, lastPageLabel = _g === void 0 ? 'Last page' : _g, _h = _a.tooltipPlacement, tooltipPlacement = _h === void 0 ? 'bottom' : _h, onNextPageClick = _a.onNextPageClick, onPreviousPageClick = _a.onPreviousPageClick, onFirstPageClick = _a.onFirstPageClick, onLastPageClick = _a.onLastPageClick, className = _a.className, _j = _a.thin, thin = _j === void 0 ? false : _j, other = tslib.__rest(_a, ["totalItems", "itemsPerPage", "currentPage", "statusLabel", "firstPageLabel", "previousPageLabel", "nextPageLabel", "lastPageLabel", "tooltipPlacement", "onNextPageClick", "onPreviousPageClick", "onFirstPageClick", "onLastPageClick", "className", "thin"]);
     var itemStart = currentPage * itemsPerPage - itemsPerPage + 1;
@@ -8684,10 +8772,10 @@ var Pagination = React__default.forwardRef(function (_a, ref) {
             'Pagination--thin': thin
         }) }, other),
         React__default.createElement("ul", null,
-            React__default.createElement("li", null, isFirstPage ? (React__default.createElement(TooltipTabstop, { className: "IconButton", hideElementOnHidden: true, association: "aria-labelledby", tooltip: firstPageLabel, placement: tooltipPlacement },
-                React__default.createElement(Icon, { type: "chevron-double-left" }))) : (React__default.createElement(IconButton, { icon: "chevron-double-left", tooltipPlacement: tooltipPlacement, label: firstPageLabel, onClick: onFirstPageClick }))),
-            React__default.createElement("li", null, isFirstPage ? (React__default.createElement(TooltipTabstop, { className: "IconButton", hideElementOnHidden: true, association: "aria-labelledby", tooltip: previousPageLabel, placement: tooltipPlacement },
-                React__default.createElement(Icon, { type: "chevron-left" }))) : (React__default.createElement(IconButton, { icon: "chevron-left", tooltipPlacement: tooltipPlacement, label: previousPageLabel, onClick: onPreviousPageClick }))),
+            React__default.createElement("li", null,
+                React__default.createElement(IconButton, { icon: "chevron-double-left", tooltipPlacement: tooltipPlacement, label: firstPageLabel, "aria-disabled": isFirstPage, onClick: isFirstPage ? undefined : onFirstPageClick })),
+            React__default.createElement("li", null,
+                React__default.createElement(IconButton, { icon: "chevron-left", tooltipPlacement: tooltipPlacement, label: previousPageLabel, "aria-disabled": isFirstPage, onClick: isFirstPage ? undefined : onPreviousPageClick })),
             React__default.createElement("li", null,
                 React__default.createElement("span", { role: "log", "aria-atomic": "true" }, statusLabel || (React__default.createElement("span", null,
                     "Showing ",
@@ -8697,10 +8785,10 @@ var Pagination = React__default.forwardRef(function (_a, ref) {
                     React__default.createElement("strong", null, itemEnd),
                     " of ",
                     React__default.createElement("strong", null, totalItems))))),
-            React__default.createElement("li", null, isLastPage ? (React__default.createElement(TooltipTabstop, { className: "IconButton", hideElementOnHidden: true, association: "aria-labelledby", tooltip: nextPageLabel, placement: tooltipPlacement },
-                React__default.createElement(Icon, { type: "chevron-right" }))) : (React__default.createElement(IconButton, { icon: "chevron-right", tooltipPlacement: tooltipPlacement, label: nextPageLabel, onClick: onNextPageClick }))),
-            React__default.createElement("li", null, isLastPage ? (React__default.createElement(TooltipTabstop, { className: "IconButton", hideElementOnHidden: true, association: "aria-labelledby", tooltip: lastPageLabel, placement: tooltipPlacement },
-                React__default.createElement(Icon, { type: "chevron-double-right" }))) : (React__default.createElement(IconButton, { icon: "chevron-double-right", tooltipPlacement: tooltipPlacement, label: lastPageLabel, onClick: onLastPageClick }))))));
+            React__default.createElement("li", null,
+                React__default.createElement(IconButton, { icon: "chevron-right", tooltipPlacement: tooltipPlacement, label: nextPageLabel, "aria-disabled": isLastPage, onClick: isLastPage ? undefined : onNextPageClick })),
+            React__default.createElement("li", null,
+                React__default.createElement(IconButton, { icon: "chevron-double-right", tooltipPlacement: tooltipPlacement, label: lastPageLabel, "aria-disabled": isLastPage, onClick: isLastPage ? undefined : onLastPageClick })))));
 });
 Pagination.displayName = 'Pagination';
 Pagination.propTypes = {
@@ -8708,17 +8796,18 @@ Pagination.propTypes = {
     itemsPerPage: PropTypes.number,
     currentPage: PropTypes.number,
     statusLabel: PropTypes.element,
-    firstPageLabel: PropTypes.string,
-    previousPageLabel: PropTypes.string,
-    nextPageLabel: PropTypes.string,
-    lastPageLabel: PropTypes.string,
+    firstPageLabel: contentNode,
+    previousPageLabel: contentNode,
+    nextPageLabel: contentNode,
+    lastPageLabel: contentNode,
     onNextPageClick: PropTypes.func,
     onPreviousPageClick: PropTypes.func,
     onFirstPageClick: PropTypes.func,
     onLastPageClick: PropTypes.func,
     // @ts-expect-error
     tooltipPlacement: PropTypes.string,
-    className: PropTypes.string
+    className: PropTypes.string,
+    thin: PropTypes.bool
 };
 
 var usePagination = function (_a) {
@@ -9078,6 +9167,8 @@ exports.OptionsMenuTrigger = OptionsMenuTrigger;
 exports.OptionsMenuWrapper = OptionsMenuWrapper;
 exports.Pagination = Pagination;
 exports.Panel = Panel;
+exports.PanelContent = PanelContent;
+exports.PanelHeader = PanelHeader;
 exports.PanelTrigger = PanelTrigger$1;
 exports.Pointout = Pointout;
 exports.ProgressBar = ProgressBar;

package/lib/linkedin.js

@@ -0,0 +1,24 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var React = require('react');
+var React__default = _interopDefault(React);
+
+var _path;
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const SvgLinkedin = props => /*#__PURE__*/React.createElement("svg", _extends({
+  overflow: "visible",
+  preserveAspectRatio: "none",
+  viewBox: "0 0 24 24",
+  height: 24,
+  width: 24
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+  d: "M5.37 24H.4V7.98h4.98V24ZM2.88 5.79C1.29 5.79 0 4.47 0 2.88a2.88 2.88 0 0 1 5.76 0c0 1.59-1.29 2.91-2.88 2.91ZM23.99 24h-4.96v-7.8c0-1.86-.04-4.24-2.59-4.24s-2.98 2.02-2.98 4.11V24H8.49V7.98h4.77v2.19h.07c.66-1.26 2.29-2.59 4.71-2.59 5.04 0 5.96 3.32 5.96 7.62V24Z",
+  fill: "currentColor",
+  vectorEffect: "non-scaling-stroke"
+})));
+
+exports.default = SvgLinkedin;

package/lib/propTypes.d.ts

@@ -0,0 +1,6 @@
+import PropTypes from 'prop-types';
+/**
+ * This prop type is meant to ensure that a prop can actually be rendered as content.
+ * It should match the ContentNode type in types.ts
+ */
+export declare const contentNode: PropTypes.Requireable<string | number | PropTypes.ReactElementLike>;

package/lib/share-nodes.js

@@ -0,0 +1,24 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var React = require('react');
+var React__default = _interopDefault(React);
+
+var _path;
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const SvgShareNodes = props => /*#__PURE__*/React.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 448 512",
+  overflow: "visible",
+  height: 24,
+  width: 24
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+  d: "M352 224c53 0 96-43 96-96s-43-96-96-96-96 43-96 96c0 4 .2 8 .7 11.9l-94.1 47C145.4 170.2 121.9 160 96 160c-53 0-96 43-96 96s43 96 96 96c25.9 0 49.4-10.2 66.6-26.9l94.1 47c-.5 3.9-.7 7.8-.7 11.9 0 53 43 96 96 96s96-43 96-96-43-96-96-96c-25.9 0-49.4 10.2-66.6 26.9l-94.1-47c.5-3.9.7-7.8.7-11.9s-.2-8-.7-11.9l94.1-47c17.2 16.7 40.7 26.9 66.6 26.9z",
+  vectorEffect: "non-scaling-stroke",
+  fill: "currentColor"
+})));
+
+exports.default = SvgShareNodes;

package/lib/twitter.js

@@ -0,0 +1,24 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var React = require('react');
+var React__default = _interopDefault(React);
+
+var _path;
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const SvgTwitter = props => /*#__PURE__*/React.createElement("svg", _extends({
+  overflow: "visible",
+  preserveAspectRatio: "none",
+  viewBox: "0 0 24 24",
+  height: 24,
+  width: 24
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+  d: "M21.53 7.11c.02.21.02.43.02.64 0 6.5-4.95 13.99-13.99 13.99-2.79 0-5.38-.81-7.55-2.21.4.05.78.06 1.19.06 2.3 0 4.42-.78 6.11-2.1a4.94 4.94 0 0 1-4.6-3.41c.3.05.61.08.93.08.44 0 .88-.06 1.29-.17A4.926 4.926 0 0 1 .99 9.16V9.1c.65.37 1.42.59 2.22.62a4.92 4.92 0 0 1-2.19-4.1c0-.91.24-1.75.67-2.48a14.02 14.02 0 0 0 10.14 5.15c-.08-.37-.12-.75-.12-1.13 0-2.71 2.19-4.92 4.92-4.92 1.42 0 2.7.59 3.59 1.55 1.11-.21 2.18-.62 3.12-1.19a4.93 4.93 0 0 1-2.16 2.71c.99-.11 1.95-.38 2.83-.76-.67.97-1.51 1.84-2.47 2.54Z",
+  fill: "currentColor",
+  vectorEffect: "non-scaling-stroke"
+})));
+
+exports.default = SvgTwitter;

package/lib/types.d.ts

@@ -1,3 +1,4 @@
+import { ReactElement, ReactFragment, ReactPortal } from 'react';
 export declare namespace Cauldron {
     type LabelProps = {
         'aria-label': string;
@@ -5,3 +6,8 @@ export declare namespace Cauldron {
         'aria-labelledby': string;
     };
 }
+/**
+ * This type is meant to ensure that a prop can actually be rendered as content.
+ * Explicit equivalent of Exclude<ReactNode, boolean | null | undefined>
+ */
+export declare type ContentNode = string | number | ReactFragment | ReactPortal | ReactElement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "5.0.0",
+  "version": "5.1.0-canary.1a1011cd",
   "description": "Fully accessible react components library for Deque Cauldron",
   "homepage": "https://cauldron.dequelabs.com/",
   "publishConfig": {
@@ -126,4 +126,4 @@
       "\\.svg$": "<rootDir>/__tests__/svgMock.js"
     }
   }
-}
+}