@useblu/ocean-react 1.41.0 → 1.42.0

package/index.js

@@ -46247,6 +46247,16 @@ var Breadcrumb = e.forwardRef(function (_a, ref) {
 });
 Breadcrumb.displayName = 'Breadcrumb';
 
+var Drawer = function (_a) {
+    var children = _a.children, open = _a.open, onDrawerClose = _a.onDrawerClose, overlayClose = _a.overlayClose, _b = _a.headerIcon, headerIcon = _b === void 0 ? e__default["default"].createElement(ts, null) : _b, _c = _a.iconAlignment, iconAlignment = _c === void 0 ? 'right' : _c;
+    return (e__default["default"].createElement(e__default["default"].Fragment, null,
+        e__default["default"].createElement("div", { className: classNames('ods-overlay', open && 'ods-overlay--open'), "aria-hidden": "true", onClick: overlayClose }),
+        e__default["default"].createElement("div", { className: classNames('ods-drawer', open && 'ods-drawer--open') },
+            e__default["default"].createElement("div", { className: classNames('ods-drawer__content--header', "ods-drawer__content--header--".concat(iconAlignment)) },
+                e__default["default"].createElement(Button$1, { type: "button", onClick: onDrawerClose }, headerIcon)),
+            children)));
+};
+
 exports.Alert = Alert;
 exports.Badge = Badge;
 exports.Breadcrumb = Breadcrumb;
@@ -46261,6 +46271,7 @@ exports.DatePicker = DatePickerSingle;
 exports.DateRange = DatePickerRange;
 exports.Divider = Divider;
 exports.DoughnutChart = DoughnutChart;
+exports.Drawer = Drawer;
 exports.Grid = index$1;
 exports.IconButton = IconButton;
 exports.Input = Input;