@ogcio/design-system-react 1.21.0 → 1.22.0

package/dist/alert/alert.d.ts

@@ -1,90 +1,3 @@
-import { ReactNode } from 'react';
-import { VariantProps } from 'tailwind-variants';
-declare const alertVariants: import('tailwind-variants').TVReturnType<{
-    variant: {
-        info: {
-            base: string;
-            baseDismissible: string;
-        };
-        danger: {
-            base: string;
-            baseDismissible: string;
-        };
-        success: {
-            base: string;
-            baseDismissible: string;
-        };
-        warning: {
-            base: string;
-            baseDismissible: string;
-        };
-    };
-}, {
-    base: string;
-    baseDismissible: string;
-    container: string;
-    heading: string;
-    dismiss: string;
-}, undefined, TVConfig<V, EV>, {
-    variant: {
-        info: {
-            base: string;
-            baseDismissible: string;
-        };
-        danger: {
-            base: string;
-            baseDismissible: string;
-        };
-        success: {
-            base: string;
-            baseDismissible: string;
-        };
-        warning: {
-            base: string;
-            baseDismissible: string;
-        };
-    };
-}, {
-    base: string;
-    baseDismissible: string;
-    container: string;
-    heading: string;
-    dismiss: string;
-}, import('tailwind-variants').TVReturnType<{
-    variant: {
-        info: {
-            base: string;
-            baseDismissible: string;
-        };
-        danger: {
-            base: string;
-            baseDismissible: string;
-        };
-        success: {
-            base: string;
-            baseDismissible: string;
-        };
-        warning: {
-            base: string;
-            baseDismissible: string;
-        };
-    };
-}, {
-    base: string;
-    baseDismissible: string;
-    container: string;
-    heading: string;
-    dismiss: string;
-}, undefined, TVConfig<V, EV>, unknown, unknown, undefined>>;
-type AlertProps = {
-    variant?: VariantProps<typeof alertVariants>['variant'];
-    title?: string;
-    children?: ReactNode;
-    dismissible?: boolean;
-    dataTestid?: string;
-    className?: string;
-    onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-};
-declare function Alert({ title, children, variant, dismissible, onClose, dataTestid, className, }: AlertProps): import("react/jsx-runtime").JSX.Element | null;
-export { Alert, alertVariants };
-export type { AlertProps };
+import { AlertProps } from './types.js';
+declare function Alert({ title, children, variant, showIcon, dismissible, onClose, className, ...props }: AlertProps): import("react/jsx-runtime").JSX.Element | null;
+export { Alert };

package/dist/alert/alert.js

@@ -1,116 +1,86 @@
 "use client";
 import "@ogcio/design-system-react/browser-check";
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { jsxs as n, jsx as s } from "react/jsx-runtime";
 import { useState as v } from "react";
-import { c as k } from "../index-CB-zPpNk.js";
-import { cn as l } 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 = k({
-  slots: {
-    base: "gi-alert-base",
-    baseDismissible: "gi-alert-base-dismissible",
-    container: "gi-alert-container",
-    heading: "gi-alert-title",
-    dismiss: "gi-alert-dismiss"
-  },
-  variants: {
-    variant: {
-      info: {
-        base: "gi-alert-info",
-        baseDismissible: "gi-alert-info"
-      },
-      danger: {
-        base: "gi-alert-danger",
-        baseDismissible: "gi-alert-danger"
-      },
-      success: {
-        base: "gi-alert-success",
-        baseDismissible: "gi-alert-success"
-      },
-      warning: {
-        base: "gi-alert-warning",
-        baseDismissible: "gi-alert-warning"
-      }
-    }
-  },
-  defaultVariants: {
-    variant: "info"
-  }
-}), I = ({ variant: a }) => {
-  let s;
-  switch (a) {
+import { cn as c } from "../cn.js";
+import { translate as D } from "../i18n/utility.js";
+import { Icon as w } from "../icon/icon.js";
+import { IconButton as x } from "../icon-button/icon-button.js";
+import { alertVariants as I } from "./variants.js";
+const V = ({ variant: r }) => {
+  let a;
+  switch (r) {
     case "warning": {
-      s = "warning";
+      a = "warning";
       break;
     }
     case "success": {
-      s = "check_circle";
+      a = "check_circle";
       break;
     }
     case "danger": {
-      s = "error";
+      a = "error";
       break;
     }
     default:
-      s = "info";
+      a = "info";
   }
-  return s;
+  return a;
 };
 function y({
-  title: a,
-  children: s,
-  variant: i = "info",
+  title: r,
+  children: a,
+  variant: e = "info",
+  showIcon: o = !0,
   dismissible: t,
-  onClose: e,
-  dataTestid: c,
-  className: o
+  onClose: i,
+  className: l,
+  ...m
 }) {
-  const [m, g] = v(!1), { base: d, heading: b, container: f, dismiss: u, baseDismissible: p } = x({
-    variant: i
-  }), D = t ? p : d;
-  return m ? null : /* @__PURE__ */ n(
+  const [d, u] = v(!1), { base: f, heading: p, container: g, dismiss: b, baseDismissible: h } = I({
+    variant: e
+  }), k = t ? h : f;
+  return d ? null : /* @__PURE__ */ n(
     "div",
     {
-      className: l(D(), o, "gi-not-prose"),
-      "data-testid": c,
+      className: c(k(), l, "gi-not-prose"),
       role: "alert",
       "aria-live": "assertive",
+      ...m,
       children: [
-        /* @__PURE__ */ r(
-          N,
+        o ? /* @__PURE__ */ s(
+          w,
           {
-            icon: I({ variant: i }),
+            icon: V({ variant: e }),
             ariaHidden: !0,
             className: "gi-alert-icon",
-            "data-variant": i
+            "data-variant": e
           }
-        ),
+        ) : null,
         /* @__PURE__ */ n(
           "div",
           {
-            className: l(f(), {
-              "gi-gap-1": a
+            className: c(g(), {
+              "gi-gap-1": r
             }),
             children: [
-              a && /* @__PURE__ */ r("p", { className: b(), children: a }),
-              s
+              r && /* @__PURE__ */ s("p", { className: p(), children: r }),
+              a
             ]
           }
         ),
-        t && /* @__PURE__ */ r(
-          V,
+        t && /* @__PURE__ */ s(
+          x,
           {
-            onClick: (h) => {
-              g(!0), e == null || e(h);
+            onClick: (N) => {
+              u(!0), i == null || i(N);
             },
-            className: u(),
+            className: b(),
             size: "small",
             appearance: "dark",
             variant: "flat",
             icon: { icon: "close" },
-            "aria-label": w("alert.dismissAlert", {
+            "aria-label": D("alert.dismissAlert", {
               defaultValue: "Dismiss alert"
             })
           }
@@ -120,6 +90,5 @@ function y({
   );
 }
 export {
-  y as Alert,
-  x as alertVariants
+  y as Alert
 };

package/dist/alert/types.d.ts

@@ -0,0 +1,11 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { VariantProps } from 'tailwind-variants';
+import { alertVariants } from './variants.js';
+export type AlertProps = ComponentPropsWithoutRef<'div'> & {
+    variant?: VariantProps<typeof alertVariants>['variant'];
+    title?: string;
+    dismissible?: boolean;
+    className?: string;
+    onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    showIcon?: boolean;
+};

package/dist/alert/types.js

@@ -0,0 +1 @@
+

package/dist/alert/variants.d.ts

@@ -0,0 +1,76 @@
+export declare const alertVariants: import('tailwind-variants').TVReturnType<{
+    variant: {
+        info: {
+            base: string;
+            baseDismissible: string;
+        };
+        danger: {
+            base: string;
+            baseDismissible: string;
+        };
+        success: {
+            base: string;
+            baseDismissible: string;
+        };
+        warning: {
+            base: string;
+            baseDismissible: string;
+        };
+    };
+}, {
+    base: string;
+    baseDismissible: string;
+    container: string;
+    heading: string;
+    dismiss: string;
+}, undefined, TVConfig<V, EV>, {
+    variant: {
+        info: {
+            base: string;
+            baseDismissible: string;
+        };
+        danger: {
+            base: string;
+            baseDismissible: string;
+        };
+        success: {
+            base: string;
+            baseDismissible: string;
+        };
+        warning: {
+            base: string;
+            baseDismissible: string;
+        };
+    };
+}, {
+    base: string;
+    baseDismissible: string;
+    container: string;
+    heading: string;
+    dismiss: string;
+}, import('tailwind-variants').TVReturnType<{
+    variant: {
+        info: {
+            base: string;
+            baseDismissible: string;
+        };
+        danger: {
+            base: string;
+            baseDismissible: string;
+        };
+        success: {
+            base: string;
+            baseDismissible: string;
+        };
+        warning: {
+            base: string;
+            baseDismissible: string;
+        };
+    };
+}, {
+    base: string;
+    baseDismissible: string;
+    container: string;
+    heading: string;
+    dismiss: string;
+}, undefined, TVConfig<V, EV>, unknown, unknown, undefined>>;

package/dist/alert/variants.js

@@ -0,0 +1,36 @@
+import { c as i } from "../index-CB-zPpNk.js";
+const a = i({
+  slots: {
+    base: "gi-alert-base",
+    baseDismissible: "gi-alert-base-dismissible",
+    container: "gi-alert-container",
+    heading: "gi-alert-title",
+    dismiss: "gi-alert-dismiss"
+  },
+  variants: {
+    variant: {
+      info: {
+        base: "gi-alert-info",
+        baseDismissible: "gi-alert-info"
+      },
+      danger: {
+        base: "gi-alert-danger",
+        baseDismissible: "gi-alert-danger"
+      },
+      success: {
+        base: "gi-alert-success",
+        baseDismissible: "gi-alert-success"
+      },
+      warning: {
+        base: "gi-alert-warning",
+        baseDismissible: "gi-alert-warning"
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "info"
+  }
+});
+export {
+  a as alertVariants
+};