@deque/cauldron-react 5.6.2-canary.b103453d → 5.7.0-canary.7cfac7d0

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

@@ -0,0 +1,16 @@
+import React, { ReactNode } from 'react';
+import { IconType } from '../Icon';
+import { ContentNode } from '../../types';
+declare const iconTypeMap: {
+    caution: string;
+    danger: string;
+    info: string;
+};
+export interface NoticeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    type?: keyof typeof iconTypeMap;
+    title: ContentNode;
+    icon?: IconType;
+    children?: ReactNode;
+}
+declare const Notice: React.ForwardRefExoticComponent<NoticeProps & React.RefAttributes<HTMLDivElement>>;
+export default Notice;

package/lib/index.d.ts

@@ -51,6 +51,7 @@ export { default as Pagination, usePagination } from './components/Pagination';
 export { default as FieldWrap } from './components/FieldWrap';
 export { default as Breadcrumb, BreadcrumbItem, BreadcrumbLink } from './components/Breadcrumb';
 export { default as TwoColumnPanel, ColumnHeader, ColumnGroupHeader, ColumnLeft, ColumnRight, ColumnList } from './components/TwoColumnPanel';
+export { default as Notice } from './components/Notice';
 /**
  * Helpers / Utils
  */

package/lib/index.js

@@ -9121,6 +9121,37 @@ ColumnList.propTypes = {
     className: PropTypes.string
 };
 
+var iconTypeMap = {
+    caution: 'caution',
+    danger: 'caution',
+    info: 'info-circle'
+};
+var Notice = React.forwardRef(function (_a, ref) {
+    var _b;
+    var _c = _a.type, type = _c === void 0 ? 'info' : _c, title = _a.title, icon = _a.icon, children = _a.children, otherProps = tslib.__rest(_a, ["type", "title", "icon", "children"]);
+    return (React__default.createElement("div", tslib.__assign({ className: classNames('Notice', (_b = {},
+            _b["Notice--".concat(type)] = type,
+            _b)), ref: ref }, otherProps),
+        React__default.createElement("div", { className: "Notice__title" },
+            React__default.createElement(Icon, { type: icon || iconTypeMap[type] }),
+            title),
+        children && React__default.createElement("div", { className: "Notice__content" }, children)));
+});
+Notice.displayName = 'Notice';
+Notice.propTypes = {
+    // @ts-expect-error
+    children: PropTypes.node,
+    type: PropTypes.oneOf(['caution', 'info', 'danger']),
+    // @ts-expect-error
+    title: PropTypes.oneOfType([
+        PropTypes.string,
+        PropTypes.number,
+        PropTypes.element
+    ]),
+    // @ts-expect-error
+    icon: PropTypes.string
+};
+
 var LIGHT_THEME_CLASS = 'cauldron--theme-light';
 var DARK_THEME_CLASS = 'cauldron--theme-dark';
 var ThemeContext = React.createContext({});
@@ -9231,6 +9262,7 @@ exports.ModalContent = ModalContent;
 exports.ModalFooter = ModalFooter;
 exports.NavBar = NavBar;
 exports.NavItem = NavItem;
+exports.Notice = Notice;
 exports.Offscreen = Offscreen;
 exports.OptionsMenu = OptionsMenu;
 exports.OptionsMenuItem = OptionsMenuItem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "5.6.2-canary.b103453d",
+  "version": "5.7.0-canary.7cfac7d0",
   "description": "Fully accessible react components library for Deque Cauldron",
   "homepage": "https://cauldron.dequelabs.com/",
   "publishConfig": {