@bwp-web/components 0.13.6 → 0.14.0

package/dist/BiampBanner/BiampBanner.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import { BoxProps, TypographyProps, type AlertColor } from '@mui/material';
+export type BiampBannerProps = {
+    show: boolean;
+    children: React.ReactNode;
+    severity: AlertColor;
+};
+/**
+ * A full-width notification banner that slides in/out with a Collapse animation.
+ * Uses MUI's AlertColor severity to set background and text colors from the theme.
+ * Compose with `BiampBannerIcon`, `BiampBannerContent`, and `BiampBannerActions`.
+ */
+export declare function BiampBanner({ show, children, severity }: BiampBannerProps): import("react/jsx-runtime").JSX.Element;
+export type BiampBannerIconProps = {
+    severity?: AlertColor;
+    children?: React.ReactNode;
+};
+/**
+ * Icon slot for `BiampBanner`. Pass a `severity` to render the matching
+ * default icon, or pass `children` to render a custom icon.
+ */
+export declare function BiampBannerIcon({ severity, children }: BiampBannerIconProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Content slot for `BiampBanner`. Text is centered by default.
+ */
+export declare function BiampBannerContent({ children, ...props }: TypographyProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Actions slot for `BiampBanner`. Renders children in a horizontal flex row
+ * with 8px gap, aligned to the trailing edge of the banner.
+ */
+export declare function BiampBannerActions({ children, ...props }: BoxProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BiampBanner.d.ts.map

package/dist/BiampBanner/BiampBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BiampBanner.d.ts","sourceRoot":"","sources":["../../src/BiampBanner/BiampBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,QAAQ,EAGR,eAAe,EACf,KAAK,UAAU,EAChB,MAAM,eAAe,CAAC;AAQvB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,UAAU,CAAC;CACtB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAqBzE;AAUD,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAE3E;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAMzE;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,2CAMlE"}

package/dist/BiampBanner/index.d.ts

@@ -0,0 +1,2 @@
+export { BiampBanner, BiampBannerIcon, BiampBannerContent, BiampBannerActions, type BiampBannerProps, type BiampBannerIconProps, } from './BiampBanner';
+//# sourceMappingURL=index.d.ts.map

package/dist/BiampBanner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/BiampBanner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,GAC1B,MAAM,eAAe,CAAC"}

package/dist/index.cjs

@@ -34,6 +34,10 @@ __export(index_exports, {
   BiampAppDialog: () => BiampAppDialog,
   BiampAppDialogItem: () => BiampAppDialogItem,
   BiampAppPopover: () => BiampAppPopover,
+  BiampBanner: () => BiampBanner,
+  BiampBannerActions: () => BiampBannerActions,
+  BiampBannerContent: () => BiampBannerContent,
+  BiampBannerIcon: () => BiampBannerIcon,
   BiampHeader: () => BiampHeader,
   BiampHeaderActions: () => BiampHeaderActions,
   BiampHeaderButton: () => BiampHeaderButton,
@@ -1865,12 +1869,55 @@ function downloadCsv(csvContent, filename) {
   document.body.removeChild(link);
   URL.revokeObjectURL(url);
 }
+
+// src/BiampBanner/BiampBanner.tsx
+var import_material18 = require("@mui/material");
+var import_assets10 = require("@bwp-web/assets");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function BiampBanner({ show, children, severity }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material18.Collapse, { in: show, unmountOnExit: true, component: "aside", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    import_material18.Box,
+    {
+      bgcolor: ({ palette }) => palette.background[severity],
+      display: "flex",
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
+      gap: 1,
+      px: { xs: 2, sm: 2.5 },
+      minHeight: 48,
+      sx: {
+        borderBottom: ({ palette }) => `0.6px solid ${palette[severity].main}`
+      },
+      children
+    }
+  ) });
+}
+var iconMapping = {
+  error: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_assets10.ErrorStatusIcon, { color: "error", sx: { width: 14, height: 14 } }),
+  warning: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_assets10.WarningStatusIcon, { color: "warning", sx: { width: 16, height: 14 } }),
+  success: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_assets10.SuccessStatusIcon, { color: "success", sx: { width: 14, height: 14 } }),
+  info: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_assets10.InfoStatusIcon, { color: "info", sx: { width: 14, height: 14 } })
+};
+function BiampBannerIcon({ severity, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_jsx_runtime21.Fragment, { children: severity ? iconMapping[severity] : children });
+}
+function BiampBannerContent({ children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material18.Typography, { textAlign: "center", variant: "h3", ...props, children });
+}
+function BiampBannerActions({ children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material18.Box, { display: "flex", gap: 1, alignItems: "center", ...props, children });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   BIAMP_TABLE_DEBOUNCE_DELAY,
   BiampAppDialog,
   BiampAppDialogItem,
   BiampAppPopover,
+  BiampBanner,
+  BiampBannerActions,
+  BiampBannerContent,
+  BiampBannerIcon,
   BiampHeader,
   BiampHeaderActions,
   BiampHeaderButton,