@deque/cauldron-react 6.16.0-canary.06dfcd6a → 6.16.0-canary.1277d5fa

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

@@ -0,0 +1,8 @@
+import React, { ReactNode } from 'react';
+export interface PageHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    heading: ReactNode;
+    overline?: ReactNode;
+    description?: ReactNode;
+}
+declare const PageHeader: React.ForwardRefExoticComponent<PageHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export default PageHeader;

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

@@ -0,0 +1,7 @@
+import React, { ReactNode } from 'react';
+export interface SectionHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    heading: ReactNode;
+    description?: ReactNode;
+}
+declare const SectionHeader: React.ForwardRefExoticComponent<SectionHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export default SectionHeader;

package/lib/index.d.ts

@@ -62,6 +62,8 @@ export { default as CopyButton } from './components/CopyButton';
 export { default as Drawer } from './components/Drawer';
 export { default as BottomSheet } from './components/BottomSheet';
 export { default as AnchoredOverlay } from './components/AnchoredOverlay';
+export { default as PageHeader } from './components/PageHeader';
+export { default as SectionHeader } from './components/SectionHeader';
 /**
  * Helpers / Utils
  */

package/lib/index.js

@@ -4768,6 +4768,30 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
 });
 BottomSheet.displayName = 'BottomSheet';
 
+var SectionHeader = React.forwardRef(function (_a, ref) {
+    var className = _a.className, heading = _a.heading, description = _a.description, children = _a.children, otherProps = tslib.__rest(_a, ["className", "heading", "description", "children"]);
+    if (typeof heading === 'string') {
+        heading = React__default["default"].createElement("h2", null, heading);
+    }
+    return (React__default["default"].createElement("div", tslib.__assign({ className: classNames__default["default"]('SectionHeader', className), ref: ref }, otherProps),
+        React__default["default"].createElement("div", { className: "SectionHeader__content" },
+            heading,
+            description && (React__default["default"].createElement("p", { className: "SectionHeader__description" }, description)),
+            children && React__default["default"].createElement("div", { className: "SectionHeader__actions" }, children))));
+});
+SectionHeader.displayName = 'SectionHeader';
+
+var PageHeader = React.forwardRef(function (_a, ref) {
+    var className = _a.className, heading = _a.heading, overline = _a.overline, description = _a.description, children = _a.children, otherProps = tslib.__rest(_a, ["className", "heading", "overline", "description", "children"]);
+    if (typeof heading === 'string') {
+        heading = React__default["default"].createElement("h1", null, heading);
+    }
+    return (React__default["default"].createElement("div", tslib.__assign({ className: classNames__default["default"]('PageHeader', className), ref: ref }, otherProps),
+        overline && React__default["default"].createElement("div", { className: "PageHeader__overline" }, overline),
+        React__default["default"].createElement(SectionHeader, { heading: heading, description: description }, children)));
+});
+PageHeader.displayName = 'PageHeader';
+
 var LIGHT_THEME_CLASS = 'cauldron--theme-light';
 var DARK_THEME_CLASS = 'cauldron--theme-dark';
 var ThemeContext = React.createContext({
@@ -4901,6 +4925,7 @@ exports.OptionsMenuItem = OptionsMenuItem;
 exports.OptionsMenuList = OptionsMenuList;
 exports.OptionsMenuTrigger = OptionsMenuTrigger;
 exports.OptionsMenuWrapper = OptionsMenuWrapper;
+exports.PageHeader = PageHeader;
 exports.Pagination = Pagination;
 exports.Panel = Panel;
 exports.PanelContent = PanelContent;
@@ -4912,6 +4937,7 @@ exports.RadioCardGroup = RadioCardGroup;
 exports.RadioGroup = RadioGroup;
 exports.Scrim = Scrim;
 exports.SearchField = SearchField;
+exports.SectionHeader = SectionHeader;
 exports.Select = Select;
 exports.SideBar = SideBar;
 exports.SideBarItem = SideBarItem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "6.16.0-canary.06dfcd6a",
+  "version": "6.16.0-canary.1277d5fa",
   "license": "MPL-2.0",
   "description": "Fully accessible react components library for Deque Cauldron",
   "homepage": "https://cauldron.dequelabs.com/",