@deque/cauldron-react 5.1.0-canary.4f16146d → 5.1.0-canary.6e8ea8b2

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/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/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

@@ -8630,7 +8630,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
@@ -8652,6 +8652,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));
@@ -8662,6 +8663,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
 };
 
@@ -9134,6 +9163,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "5.1.0-canary.4f16146d",
+  "version": "5.1.0-canary.6e8ea8b2",
   "description": "Fully accessible react components library for Deque Cauldron",
   "homepage": "https://cauldron.dequelabs.com/",
   "publishConfig": {