@dmsi/wedgekit-react 0.0.474 → 0.0.476

package/dist/components/MobileDataGrid/index.js

@@ -1,63 +1,64 @@
 import {
   MobileDataGrid
-} from "../../chunk-GTPSPGSJ.js";
-import "../../chunk-OEMLNGE2.js";
-import "../../chunk-IT4VFU6T.js";
+} from "../../chunk-HSJ34DOK.js";
 import "../../chunk-M7INAUAJ.js";
-import "../../chunk-IG2YUDHI.js";
+import "../../chunk-4Q7T4GJ2.js";
+import "../../chunk-3DEYCNUE.js";
 import "../../chunk-DYBJUTGK.js";
+import "../../chunk-24K4HHV5.js";
+import "../../chunk-B53XDCLO.js";
 import "../../chunk-MBZ55T2D.js";
 import "../../chunk-2IKT6IHB.js";
 import "../../chunk-YCDDBSVU.js";
 import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-BQNPOGD5.js";
-import "../../chunk-KJNK7KEV.js";
-import "../../chunk-TVXBP5CW.js";
+import "../../chunk-QMSPTD6L.js";
+import "../../chunk-XIXQUEYC.js";
 import "../../chunk-5IFPG6TS.js";
 import "../../chunk-KW6V7O3H.js";
 import "../../chunk-AJ5M6MVX.js";
 import "../../chunk-JUFBGNWW.js";
 import "../../chunk-YNKN6RKF.js";
 import "../../chunk-VJVY6NPF.js";
-import "../../chunk-GTBGPBH6.js";
 import "../../chunk-AT4AWD6B.js";
 import "../../chunk-EWGHVZL5.js";
 import "../../chunk-7GHD74J3.js";
 import "../../chunk-7BVUTFZ5.js";
 import "../../chunk-ETAEB3TA.js";
-import "../../chunk-HVNHTM3P.js";
 import "../../chunk-GRGDX7JC.js";
-import "../../chunk-NIWXVOBW.js";
+import "../../chunk-HVNHTM3P.js";
+import "../../chunk-X67L3NZI.js";
 import "../../chunk-4RJKB7LC.js";
+import "../../chunk-FG7GNGE3.js";
 import "../../chunk-G7KIKHER.js";
 import "../../chunk-AG43RS4Q.js";
 import "../../chunk-ZQJMNPCF.js";
-import "../../chunk-FG7GNGE3.js";
 import "../../chunk-6TYWM26K.js";
 import "../../chunk-SBRRNFOP.js";
 import "../../chunk-Y2GK27RX.js";
-import "../../chunk-H2KC5XUY.js";
 import "../../chunk-QVWYTQKL.js";
-import "../../chunk-75USUR3I.js";
-import "../../chunk-WEAVZEE4.js";
-import "../../chunk-OZBB6RFM.js";
-import "../../chunk-BFFNSUNS.js";
+import "../../chunk-QBSEKZWX.js";
 import "../../chunk-TCMOGTPB.js";
 import "../../chunk-DVU5XV7L.js";
 import "../../chunk-IPAKWF2V.js";
-import "../../chunk-WVUIIBRR.js";
 import "../../chunk-RQRR4FEF.js";
 import "../../chunk-44TH3VC7.js";
 import "../../chunk-AL5QIRY3.js";
+import "../../chunk-WVUIIBRR.js";
+import "../../chunk-75USUR3I.js";
+import "../../chunk-WEAVZEE4.js";
+import "../../chunk-OZBB6RFM.js";
 import "../../chunk-URYQ24NF.js";
 import "../../chunk-VXWSAIB5.js";
 import "../../chunk-R3EQIDBX.js";
 import "../../chunk-5UH6QUFB.js";
 import "../../chunk-UCJUC5AZ.js";
-import "../../chunk-ZQSD74IJ.js";
+import "../../chunk-IY7SXEVY.js";
 import "../../chunk-KBJZUVLM.js";
-import "../../chunk-DORD2EBO.js";
+import "../../chunk-4UH72JT2.js";
+import "../../chunk-H2KC5XUY.js";
 import "../../chunk-ZSETMD4A.js";
+import "../../chunk-DORD2EBO.js";
 import "../../chunk-NKUETCDA.js";
 import "../../chunk-LPY6PMAY.js";
 import "../../chunk-IXR65MOU.js";

package/dist/components/Modal.js

@@ -1,17 +1,17 @@
 "use client";
 import {
   Modal
-} from "../chunk-NIWXVOBW.js";
+} from "../chunk-X67L3NZI.js";
 import "../chunk-4RJKB7LC.js";
+import "../chunk-FG7GNGE3.js";
 import "../chunk-G7KIKHER.js";
 import "../chunk-AG43RS4Q.js";
 import "../chunk-ZQJMNPCF.js";
-import "../chunk-FG7GNGE3.js";
-import "../chunk-H2KC5XUY.js";
 import "../chunk-URYQ24NF.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-R3EQIDBX.js";
 import "../chunk-5UH6QUFB.js";
+import "../chunk-H2KC5XUY.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-LPY6PMAY.js";
 import "../chunk-IXR65MOU.js";

package/dist/components/Notification.js

@@ -2,12 +2,12 @@
 import {
   Heading3
 } from "../chunk-H2KC5XUY.js";
-import {
-  Stack
-} from "../chunk-DORD2EBO.js";
 import {
   Paragraph
 } from "../chunk-ZSETMD4A.js";
+import {
+  Stack
+} from "../chunk-DORD2EBO.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/PDFViewer/PDFNavigation.js

@@ -1,9 +1,9 @@
 import {
   PdfNavigation
-} from "../../chunk-GTBGPBH6.js";
+} from "../../chunk-B53XDCLO.js";
 import "../../chunk-H2KC5XUY.js";
-import "../../chunk-DORD2EBO.js";
 import "../../chunk-ZSETMD4A.js";
+import "../../chunk-DORD2EBO.js";
 import "../../chunk-NKUETCDA.js";
 import "../../chunk-LPY6PMAY.js";
 import "../../chunk-IXR65MOU.js";

package/dist/components/PDFViewer/index.js

@@ -1,25 +1,25 @@
 "use client";
 import {
   PDFViewer
-} from "../../chunk-IG2YUDHI.js";
+} from "../../chunk-24K4HHV5.js";
+import "../../chunk-B53XDCLO.js";
 import "../../chunk-JUFBGNWW.js";
 import "../../chunk-YNKN6RKF.js";
 import "../../chunk-VJVY6NPF.js";
-import "../../chunk-GTBGPBH6.js";
-import "../../chunk-NIWXVOBW.js";
+import "../../chunk-X67L3NZI.js";
 import "../../chunk-4RJKB7LC.js";
+import "../../chunk-FG7GNGE3.js";
 import "../../chunk-G7KIKHER.js";
 import "../../chunk-AG43RS4Q.js";
 import "../../chunk-ZQJMNPCF.js";
-import "../../chunk-FG7GNGE3.js";
 import "../../chunk-SBRRNFOP.js";
-import "../../chunk-H2KC5XUY.js";
 import "../../chunk-URYQ24NF.js";
 import "../../chunk-VXWSAIB5.js";
 import "../../chunk-R3EQIDBX.js";
 import "../../chunk-5UH6QUFB.js";
-import "../../chunk-DORD2EBO.js";
+import "../../chunk-H2KC5XUY.js";
 import "../../chunk-ZSETMD4A.js";
+import "../../chunk-DORD2EBO.js";
 import "../../chunk-NKUETCDA.js";
 import "../../chunk-LPY6PMAY.js";
 import "../../chunk-IXR65MOU.js";

package/dist/components/SideMenuItem.js

@@ -1,9 +1,9 @@
-import {
-  Stack
-} from "../chunk-DORD2EBO.js";
 import {
   Paragraph
 } from "../chunk-ZSETMD4A.js";
+import {
+  Stack
+} from "../chunk-DORD2EBO.js";
 import {
   baseTransition,
   componentPaddingMinus2pxBorder

package/dist/components/Swatch.js

@@ -5,12 +5,12 @@ import {
   Heading2,
   Heading3
 } from "../chunk-H2KC5XUY.js";
-import {
-  Stack
-} from "../chunk-DORD2EBO.js";
 import {
   Paragraph
 } from "../chunk-ZSETMD4A.js";
+import {
+  Stack
+} from "../chunk-DORD2EBO.js";
 import {
   typography
 } from "../chunk-IXR65MOU.js";

package/dist/components/Upload.js

@@ -1,12 +1,12 @@
 import {
   Spinner
 } from "../chunk-SBRRNFOP.js";
-import {
-  Stack
-} from "../chunk-DORD2EBO.js";
 import {
   Paragraph
 } from "../chunk-ZSETMD4A.js";
+import {
+  Stack
+} from "../chunk-DORD2EBO.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/index.cjs

@@ -60,6 +60,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var components_exports = {};
 __export(components_exports, {
   Accordion: () => Accordion,
+  Alert: () => Alert,
   Button: () => Button,
   Card: () => Card,
   Checkbox: () => Checkbox,
@@ -7264,9 +7265,90 @@ function EmptyCartIcon() {
     }
   );
 }
+
+// src/components/Alert.tsx
+var import_clsx38 = __toESM(require("clsx"), 1);
+var import_react37 = require("react");
+var import_jsx_runtime62 = require("react/jsx-runtime");
+function Alert(_a) {
+  var _b = _a, {
+    id,
+    testId,
+    variant,
+    title,
+    message,
+    dismissible = false,
+    onClose
+  } = _b, rest = __objRest(_b, [
+    "id",
+    "testId",
+    "variant",
+    "title",
+    "message",
+    "dismissible",
+    "onClose"
+  ]);
+  const isError = variant === "error";
+  const handleClose = (0, import_react37.useCallback)(() => {
+    if (onClose) onClose();
+  }, [onClose]);
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+    Stack,
+    __spreadProps(__spreadValues({
+      id,
+      "data-testid": testId,
+      sizing: "container",
+      backgroundColor: "background-grouped-primary-normal",
+      borderColor: "border-primary-normal",
+      items: "start",
+      elevation: 4,
+      rounded: true,
+      padding: true,
+      horizontal: true,
+      horizontalMobile: true
+    }, rest), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+          "div",
+          {
+            className: (0, import_clsx38.default)("min-w-[2px] min-h-full flex", {
+              "bg-background-critical-normal": isError,
+              "bg-background-warning-normal": !isError
+            })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+          "span",
+          {
+            className: (0, import_clsx38.default)({
+              "text-icon-critical-normal": isError,
+              "text-icon-warning-normal": !isError
+            }),
+            children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: "warning" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(Stack, { flexGrow: 1, sizing: "component", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Heading2, { children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Paragraph, { children: message })
+        ] }),
+        dismissible && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+          Button,
+          {
+            "aria-label": "Dismiss alert",
+            iconOnly: true,
+            variant: "tertiary",
+            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Icon, { name: "close" }),
+            onClick: handleClose
+          }
+        )
+      ]
+    })
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,
+  Alert,
   Button,
   Card,
   Checkbox,

package/dist/components/index.css

@@ -931,6 +931,9 @@
   .min-w-36 {
     min-width: calc(var(--spacing) * 36);
   }
+  .min-w-\[2px\] {
+    min-width: 2px;
+  }
   .min-w-full {
     min-width: 100%;
   }

package/dist/components/index.js

@@ -1,30 +1,30 @@
 import {
   DataGrid,
   MobileDataGrid
-} from "../chunk-GTPSPGSJ.js";
-import "../chunk-OEMLNGE2.js";
-import "../chunk-IT4VFU6T.js";
+} from "../chunk-HSJ34DOK.js";
 import "../chunk-M7INAUAJ.js";
-import {
-  PDFViewer
-} from "../chunk-IG2YUDHI.js";
+import "../chunk-4Q7T4GJ2.js";
+import "../chunk-3DEYCNUE.js";
 import {
   ProductImagePreview
 } from "../chunk-DYBJUTGK.js";
+import {
+  PDFViewer
+} from "../chunk-24K4HHV5.js";
+import "../chunk-B53XDCLO.js";
 import "../chunk-MBZ55T2D.js";
 import "../chunk-2IKT6IHB.js";
 import "../chunk-YCDDBSVU.js";
 import "../chunk-3X3Y4TMS.js";
 import "../chunk-BQNPOGD5.js";
-import "../chunk-KJNK7KEV.js";
-import "../chunk-TVXBP5CW.js";
+import "../chunk-QMSPTD6L.js";
+import "../chunk-XIXQUEYC.js";
 import "../chunk-5IFPG6TS.js";
 import "../chunk-KW6V7O3H.js";
 import "../chunk-AJ5M6MVX.js";
 import "../chunk-JUFBGNWW.js";
 import "../chunk-YNKN6RKF.js";
 import "../chunk-VJVY6NPF.js";
-import "../chunk-GTBGPBH6.js";
 import "../chunk-AT4AWD6B.js";
 import "../chunk-EWGHVZL5.js";
 import {
@@ -36,40 +36,30 @@ import {
 import {
   SkeletonParagraph
 } from "../chunk-ETAEB3TA.js";
-import {
-  Select
-} from "../chunk-HVNHTM3P.js";
 import {
   Pagination
 } from "../chunk-GRGDX7JC.js";
-import "../chunk-NIWXVOBW.js";
+import {
+  Select
+} from "../chunk-HVNHTM3P.js";
+import "../chunk-X67L3NZI.js";
 import "../chunk-4RJKB7LC.js";
+import "../chunk-FG7GNGE3.js";
 import "../chunk-G7KIKHER.js";
 import "../chunk-AG43RS4Q.js";
 import "../chunk-ZQJMNPCF.js";
-import "../chunk-FG7GNGE3.js";
 import {
   ListGroup
 } from "../chunk-6TYWM26K.js";
 import "../chunk-SBRRNFOP.js";
 import "../chunk-Y2GK27RX.js";
-import "../chunk-H2KC5XUY.js";
 import "../chunk-QVWYTQKL.js";
-import {
-  EmptyCartIcon
-} from "../chunk-75USUR3I.js";
-import {
-  Checkbox
-} from "../chunk-WEAVZEE4.js";
-import {
-  CompactImagesPreview
-} from "../chunk-OZBB6RFM.js";
 import {
   DataCellHeader,
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-BFFNSUNS.js";
+} from "../chunk-QBSEKZWX.js";
 import {
   Menu
 } from "../chunk-TCMOGTPB.js";
@@ -77,7 +67,6 @@ import "../chunk-DVU5XV7L.js";
 import {
   MenuOption
 } from "../chunk-IPAKWF2V.js";
-import "../chunk-WVUIIBRR.js";
 import {
   Search
 } from "../chunk-RQRR4FEF.js";
@@ -87,6 +76,16 @@ import {
 import {
   Label
 } from "../chunk-AL5QIRY3.js";
+import "../chunk-WVUIIBRR.js";
+import {
+  EmptyCartIcon
+} from "../chunk-75USUR3I.js";
+import {
+  Checkbox
+} from "../chunk-WEAVZEE4.js";
+import {
+  CompactImagesPreview
+} from "../chunk-OZBB6RFM.js";
 import "../chunk-URYQ24NF.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-R3EQIDBX.js";
@@ -96,14 +95,18 @@ import {
 } from "../chunk-UCJUC5AZ.js";
 import {
   Accordion
-} from "../chunk-ZQSD74IJ.js";
+} from "../chunk-IY7SXEVY.js";
 import {
   Card
 } from "../chunk-KBJZUVLM.js";
-import "../chunk-DORD2EBO.js";
+import {
+  Alert
+} from "../chunk-4UH72JT2.js";
+import "../chunk-H2KC5XUY.js";
 import {
   Paragraph
 } from "../chunk-ZSETMD4A.js";
+import "../chunk-DORD2EBO.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
@@ -114,6 +117,7 @@ import "../chunk-IXR65MOU.js";
 import "../chunk-ORMEWXMH.js";
 export {
   Accordion,
+  Alert,
   Button,
   Card,
   Checkbox,

package/dist/index.css

@@ -909,6 +909,9 @@
   .min-w-36 {
     min-width: calc(var(--spacing) * 36);
   }
+  .min-w-\[2px\] {
+    min-width: 2px;
+  }
   .min-w-full {
     min-width: 100%;
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dmsi/wedgekit-react",
   "private": false,
-  "version": "0.0.474",
+  "version": "0.0.476",
   "type": "module",
   "scripts": {
     "build": "tsup",

package/src/components/Alert.tsx

@@ -0,0 +1,81 @@
+import clsx from "clsx";
+import { Button } from "./Button";
+import { Heading2 } from "./Heading";
+import { Icon } from "./Icon";
+import { Paragraph } from "./Paragraph";
+import { Stack } from "./Stack";
+import { HTMLAttributes, useCallback } from "react";
+
+export type AlertVariant = "error" | "warning";
+
+export interface AlertProps
+  extends Omit<HTMLAttributes<HTMLDivElement>, "title" | "className"> {
+  id?: string;
+  testId?: string;
+  variant: AlertVariant;
+  title: string;
+  message: string;
+  dismissible?: boolean;
+  onClose?: () => void;
+}
+export function Alert({
+  id,
+  testId,
+  variant,
+  title,
+  message,
+  dismissible = false,
+  onClose,
+  ...rest
+}: AlertProps) {
+  const isError = variant === "error";
+
+  const handleClose = useCallback(() => {
+    if (onClose) onClose();
+  }, [onClose]);
+
+  return (
+    <Stack
+      id={id}
+      data-testid={testId}
+      sizing="container"
+      backgroundColor="background-grouped-primary-normal"
+      borderColor="border-primary-normal"
+      items="start"
+      elevation={4}
+      rounded
+      padding
+      horizontal
+      horizontalMobile
+      {...rest}
+    >
+      <div
+        className={clsx("min-w-[2px] min-h-full flex", {
+          "bg-background-critical-normal": isError,
+          "bg-background-warning-normal": !isError,
+        })}
+      />
+      <span
+        className={clsx({
+          "text-icon-critical-normal": isError,
+          "text-icon-warning-normal": !isError,
+        })}
+      >
+        <Icon name="warning" />
+      </span>
+      <Stack flexGrow={1} sizing="component">
+        <Heading2>{title}</Heading2>
+        <Paragraph>{message}</Paragraph>
+      </Stack>
+      {dismissible && (
+        <Button
+          aria-label="Dismiss alert"
+          iconOnly
+          variant="tertiary"
+          leftIcon={<Icon name="close" />}
+          onClick={handleClose}
+        />
+      )}
+    </Stack>
+  );
+}

package/src/components/index.ts

@@ -29,3 +29,4 @@ export { ListGroup } from "./ListGroup";
 export { Pagination } from "./Pagination";
 export { SkeletonParagraph } from "./SkeletonParagraph";
 export { EmptyCartIcon } from "./EmptyCartIcon";
+export { Alert } from "./Alert";

package/dist/{chunk-IT4VFU6T.js → chunk-3DEYCNUE.js}

@@ -4,12 +4,12 @@ import {
 import {
   MobileDataGridColumn
 } from "./chunk-KW6V7O3H.js";
-import {
-  Stack
-} from "./chunk-DORD2EBO.js";
 import {
   Paragraph
 } from "./chunk-ZSETMD4A.js";
+import {
+  Stack
+} from "./chunk-DORD2EBO.js";
 
 // src/components/MobileDataGrid/RowDetailModalProvider/ModalContent.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{chunk-GTBGPBH6.js → chunk-B53XDCLO.js}

@@ -1,12 +1,12 @@
 import {
   Heading3
 } from "./chunk-H2KC5XUY.js";
-import {
-  Stack
-} from "./chunk-DORD2EBO.js";
 import {
   Paragraph
 } from "./chunk-ZSETMD4A.js";
+import {
+  Stack
+} from "./chunk-DORD2EBO.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";

package/dist/{chunk-ZQSD74IJ.js → chunk-IY7SXEVY.js}

@@ -1,12 +1,12 @@
 import {
   Card
 } from "./chunk-KBJZUVLM.js";
-import {
-  Stack
-} from "./chunk-DORD2EBO.js";
 import {
   Paragraph
 } from "./chunk-ZSETMD4A.js";
+import {
+  Stack
+} from "./chunk-DORD2EBO.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";

package/dist/{chunk-BFFNSUNS.js → chunk-QBSEKZWX.js}

@@ -7,12 +7,12 @@ import {
 import {
   MenuOption
 } from "./chunk-IPAKWF2V.js";
-import {
-  CSS
-} from "./chunk-WVUIIBRR.js";
 import {
   Search
 } from "./chunk-RQRR4FEF.js";
+import {
+  CSS
+} from "./chunk-WVUIIBRR.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";

package/dist/{chunk-NIWXVOBW.js → chunk-X67L3NZI.js}

@@ -1,6 +1,9 @@
 import {
   useMounted
 } from "./chunk-4RJKB7LC.js";
+import {
+  ModalContent
+} from "./chunk-FG7GNGE3.js";
 import {
   ModalHeader
 } from "./chunk-G7KIKHER.js";
@@ -10,9 +13,6 @@ import {
 import {
   ModalButtons
 } from "./chunk-ZQJMNPCF.js";
-import {
-  ModalContent
-} from "./chunk-FG7GNGE3.js";
 import {
   useMatchesMobile
 } from "./chunk-URYQ24NF.js";

package/dist/{chunk-TVXBP5CW.js → chunk-XIXQUEYC.js}

@@ -10,12 +10,12 @@ import {
 import {
   Subheader
 } from "./chunk-UCJUC5AZ.js";
-import {
-  Stack
-} from "./chunk-DORD2EBO.js";
 import {
   Paragraph
 } from "./chunk-ZSETMD4A.js";
+import {
+  Stack
+} from "./chunk-DORD2EBO.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";