@ogcio/design-system-react 1.17.0 → 1.17.1

package/dist/accordion/accordion-item.js

@@ -33,7 +33,6 @@ const I = h({
         onKeyDown: (x) => {
           x.key === "Enter" && !e && a(!o);
         },
-        "aria-expanded": o,
         tabIndex: 0,
         className: "gi-accordion",
         children: /* @__PURE__ */ d(

package/dist/alert/alert.d.ts

@@ -82,8 +82,9 @@ type AlertProps = {
     children?: ReactNode;
     dismissible?: boolean;
     dataTestid?: string;
+    className?: string;
     onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
 };
-declare function Alert({ title, children, variant, dismissible, onClose, dataTestid, }: AlertProps): import("react/jsx-runtime").JSX.Element | null;
+declare function Alert({ title, children, variant, dismissible, onClose, dataTestid, className, }: AlertProps): import("react/jsx-runtime").JSX.Element | null;
 export { Alert, alertVariants };
 export type { AlertProps };

package/dist/alert/alert.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { useState as D } from "react";
-import { c as h } from "../index-CB-zPpNk.js";
-import { cn as v } from "../cn.js";
-import { translate as k } from "../i18n/utility.js";
-import { Icon as w } from "../icon/icon.js";
-import { IconButton as N } from "../icon-button/icon-button.js";
-const V = h({
+import { useState as h } from "react";
+import { c as v } from "../index-CB-zPpNk.js";
+import { cn as k } from "../cn.js";
+import { translate as w } from "../i18n/utility.js";
+import { Icon as N } from "../icon/icon.js";
+import { IconButton as V } from "../icon-button/icon-button.js";
+const x = v({
   slots: {
     base: "gi-alert-base",
     baseDismissible: "gi-alert-base-dismissible",
@@ -30,16 +30,16 @@ const V = h({
       },
       warning: {
         base: "gi-alert-warning",
-        baseDismissible: "gi-alert-success"
+        baseDismissible: "gi-alert-warning"
       }
     }
   },
   defaultVariants: {
     variant: "info"
   }
-}), x = ({ variant: e }) => {
+}), I = ({ variant: i }) => {
   let s;
-  switch (e) {
+  switch (i) {
     case "warning": {
       s = "warning";
       break;
@@ -57,50 +57,51 @@ const V = h({
   }
   return s;
 };
-function _({
-  title: e,
+function q({
+  title: i,
   children: s,
-  variant: i = "info",
+  variant: a = "info",
   dismissible: t,
-  onClose: a,
-  dataTestid: l
+  onClose: e,
+  dataTestid: l,
+  className: c
 }) {
-  const [c, o] = D(!1), { base: m, heading: d, container: b, dismiss: g, baseDismissible: f } = V({
-    variant: i
-  }), u = t ? f : m;
-  return c ? null : /* @__PURE__ */ n(
+  const [o, m] = h(!1), { base: d, heading: g, container: b, dismiss: f, baseDismissible: u } = x({
+    variant: a
+  }), p = t ? u : d;
+  return o ? null : /* @__PURE__ */ n(
     "div",
     {
-      className: v(u(), "gi-not-prose"),
+      className: k(p(), c, "gi-not-prose"),
       "data-testid": l,
       role: "alert",
       "aria-live": "assertive",
       children: [
         /* @__PURE__ */ r(
-          w,
+          N,
           {
-            icon: x({ variant: i }),
+            icon: I({ variant: a }),
             ariaHidden: !0,
             className: "gi-alert-icon",
-            "data-variant": i
+            "data-variant": a
           }
         ),
         /* @__PURE__ */ n("div", { className: b(), children: [
-          /* @__PURE__ */ r("p", { className: d(), children: e }),
+          /* @__PURE__ */ r("p", { className: g(), children: i }),
           s
         ] }),
         t && /* @__PURE__ */ r(
-          N,
+          V,
           {
-            onClick: (p) => {
-              o(!0), a == null || a(p);
+            onClick: (D) => {
+              m(!0), e == null || e(D);
             },
-            className: g(),
+            className: f(),
             size: "small",
             appearance: "dark",
             variant: "flat",
             icon: { icon: "close" },
-            "aria-label": k("alert.dismissAlert", {
+            "aria-label": w("alert.dismissAlert", {
               defaultValue: "Dismiss alert"
             })
           }
@@ -110,6 +111,6 @@ function _({
   );
 }
 export {
-  _ as Alert,
-  V as alertVariants
+  q as Alert,
+  x as alertVariants
 };

package/dist/drawer/drawer.js

@@ -1,22 +1,22 @@
 "use client";
-import { jsx as s, jsxs as x, Fragment as y } from "react/jsx-runtime";
-import { useState as D, cloneElement as O } from "react";
-import { cn as a } from "../cn.js";
-import { ModalBody as F, ModalFooter as M, ModalWrapper as N } from "../modal/modal.js";
+import { jsx as a, jsxs as x, Fragment as y } from "react/jsx-runtime";
+import { useState as D, cloneElement as M } from "react";
+import { cn as r } from "../cn.js";
+import { ModalBody as O, ModalFooter as F, ModalWrapper as N } from "../modal/modal.js";
 const b = ({
   children: o,
   className: e,
-  ...r
-}) => /* @__PURE__ */ s(N, { className: a("gi-drawer-container", e), ...r, children: o }), I = ({
+  ...s
+}) => /* @__PURE__ */ a(N, { className: r("gi-drawer-container", e), ...s, children: o }), I = ({
   children: o,
   triggerButton: e,
-  startsOpen: r,
+  startsOpen: s,
   closeButtonLabel: p,
   position: i = "right",
   className: m,
   closeButtonSize: f
 }) => {
-  const [t, n] = D(!!r), w = () => n(!0), C = () => n(!1), h = O(e, {
+  const [t, n] = D(!!s), w = () => n(!0), C = () => n(!1), h = M(e, {
     "data-testid": "drawer-trigger-button-container",
     onClick: (k) => {
       var l, d;
@@ -26,7 +26,7 @@ const b = ({
   });
   return /* @__PURE__ */ x(y, { children: [
     h,
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ a(
       b,
       {
         children: o,
@@ -39,11 +39,18 @@ const b = ({
       }
     )
   ] });
-}, S = ({ children: o, className: e }) => /* @__PURE__ */ s(F, { className: a("gi-drawer-body", e), children: o }), T = ({
+}, S = ({ children: o, className: e }) => /* @__PURE__ */ a(
+  O,
+  {
+    includeModalClass: !1,
+    className: r("gi-drawer-body", e),
+    children: o
+  }
+), T = ({
   children: o,
   className: e,
-  stacked: r
-}) => /* @__PURE__ */ s(M, { stacked: r, className: a("gi-drawer-footer", e), children: o });
+  stacked: s
+}) => /* @__PURE__ */ a(F, { stacked: s, className: r("gi-drawer-footer", e), children: o });
 export {
   I as Drawer,
   S as DrawerBody,

package/dist/icon-button/icon-button.js

@@ -1,40 +1,42 @@
 "use client";
 import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { isButtonDisabled as p, getButtonIconSizeClass as B, getVariantAppearanceClass as I } from "../button/helpers.js";
-import { cn as b } from "../cn.js";
+import { forwardRef as p } from "react";
+import { isButtonDisabled as B, getButtonIconSizeClass as I, getVariantAppearanceClass as b } from "../button/helpers.js";
+import { cn as d } from "../cn.js";
 import { Icon as g } from "../icon/icon.js";
-const x = f(
+const x = p(
   ({
     icon: i,
-    variant: t,
+    variant: o,
     appearance: n,
     size: r,
-    disabled: o,
+    disabled: t,
     onClick: s,
     className: e = "",
     type: c = "button",
+    dataTestid: a,
     ...u
-  }, a) => {
-    const l = r === "small" ? "sm" : "md";
+  }, l) => {
+    const f = r === "small" ? "sm" : "md";
     return /* @__PURE__ */ m(
       "button",
       {
-        ref: a,
+        ref: l,
         type: c,
-        "aria-disabled": o,
-        disabled: o,
+        "aria-disabled": t,
+        disabled: t,
         role: "button",
         onClick: s,
+        "data-testid": a,
         ...u,
-        className: b(
+        className: d(
           "gi-btn",
-          I({ disabled: o, variant: t, appearance: n }),
-          B(r),
-          p({ disabled: o, variant: t, appearance: n }),
+          b({ disabled: t, variant: o, appearance: n }),
+          I(r),
+          B({ disabled: t, variant: o, appearance: n }),
           e
         ),
-        children: /* @__PURE__ */ m(g, { size: l, ...i })
+        children: /* @__PURE__ */ m(g, { size: f, ...i })
       }
     );
   }

package/dist/modal/modal.d.ts

@@ -6,9 +6,10 @@ export declare const ModalTitle: {
     ({ children, as, ...props }: HeadingProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export declare const ModalBody: ({ children, className, }: {
+export declare const ModalBody: ({ children, className, includeModalClass, }: {
     children: ReactNode;
     className?: string;
+    includeModalClass?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const ModalFooter: {
     ({ className, children, orientation, dataModalSize, stacked, }: ModalFooterProps): import("react/jsx-runtime").JSX.Element;