@deque/cauldron-react 6.16.0-canary.95899edb → 6.16.0-canary.a87196e2

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

@@ -0,0 +1,13 @@
+import React from 'react';
+interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Heading text to be displayed for the empty state. */
+    heading: React.ReactNode;
+    /** Description for the empty state. */
+    description: React.ReactNode;
+    /** Slot for primary actions. */
+    primaryActions?: React.ReactNode;
+    /** Slot for secondary actions. */
+    secondaryActions?: React.ReactNode;
+}
+declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
+export default EmptyState;

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

@@ -14,7 +14,7 @@ export declare const Step: {
     (props: StepProps): React.JSX.Element;
     displayName: string;
 };
-interface StepperProps {
+interface StepperProps extends React.HTMLAttributes<HTMLOListElement> {
     children: React.ReactNode;
     className?: string;
 }

package/lib/index.d.ts

@@ -65,6 +65,7 @@ export { default as AnchoredOverlay } from './components/AnchoredOverlay';
 export { default as FieldGroup } from './components/FieldGroup';
 export { default as PageHeader } from './components/PageHeader';
 export { default as SectionHeader } from './components/SectionHeader';
+export { default as EmptyState } from './components/EmptyState';
 /**
  * Helpers / Utils
  */

package/lib/index.js

@@ -4836,6 +4836,19 @@ var PageHeader = React.forwardRef(function (_a, ref) {
 });
 PageHeader.displayName = 'PageHeader';
 
+var EmptyState = React.forwardRef(function (_a, ref) {
+    var className = _a.className, heading = _a.heading, description = _a.description, primaryActions = _a.primaryActions, secondaryActions = _a.secondaryActions, props = tslib.__rest(_a, ["className", "heading", "description", "primaryActions", "secondaryActions"]);
+    if (typeof heading === 'string') {
+        heading = React__default["default"].createElement("h2", null, heading);
+    }
+    return (React__default["default"].createElement("div", tslib.__assign({ ref: ref, className: classNames__default["default"]('EmptyState', className) }, props),
+        heading,
+        React__default["default"].createElement("p", null, description),
+        primaryActions && (React__default["default"].createElement("div", { className: "EmptyState__primary" }, primaryActions)),
+        secondaryActions && (React__default["default"].createElement("div", { className: "EmptyState__secondary" }, secondaryActions))));
+});
+EmptyState.displayName = 'EmptyState';
+
 var LIGHT_THEME_CLASS = 'cauldron--theme-light';
 var DARK_THEME_CLASS = 'cauldron--theme-dark';
 var ThemeContext = React.createContext({
@@ -4941,6 +4954,7 @@ exports.Dialog = Dialog;
 exports.DialogContent = DialogContent;
 exports.DialogFooter = DialogFooter;
 exports.Drawer = Drawer;
+exports.EmptyState = EmptyState;
 exports.ExpandCollapsePanel = ExpandCollapsePanel;
 exports.FieldGroup = FieldGroup;
 exports.FieldWrap = FieldWrap;

package/package.json

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