@ogcio/design-system-react 1.22.1 → 1.24.0

package/dist/_commonjsHelpers-DaMA6jEr.js

@@ -0,0 +1,8 @@
+var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function l(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+export {
+  o as c,
+  l as g
+};

package/dist/accordion/accordion-item.d.ts

@@ -1,11 +1,9 @@
-import { default as React } from 'react';
+import { default as React, ComponentPropsWithRef } from 'react';
 export type AccordionItemProps = {
     children: React.ReactNode;
     label: string;
     defaultExpanded?: boolean;
     disabled?: boolean;
-    dataTestid?: string;
-    iconStart?: boolean;
     variant?: 'default' | 'small';
-};
-export declare const AccordionItem: ({ defaultExpanded, children, label, disabled, dataTestid, iconStart, variant, }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
+} & ComponentPropsWithRef<'div'>;
+export declare const AccordionItem: ({ defaultExpanded, children, label, disabled, className, variant, ...props }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/accordion/accordion-item.js

@@ -1,9 +1,8 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
-import { jsxs as r, Fragment as u, jsx as n } from "react/jsx-runtime";
+import { jsxs as r, Fragment as u, jsx as a } from "react/jsx-runtime";
+import { c as t } from "../clsx-OuTLNxxd.js";
 import { useState as y, useRef as b } from "react";
 import { c as h } from "../index-CB-zPpNk.js";
-import { cn as d } from "../cn.js";
 import { Icon as w } from "../icon/icon.js";
 const I = h({
   variants: {
@@ -13,40 +12,45 @@ const I = h({
     }
   }
 }), j = ({
-  defaultExpanded: c,
-  children: s,
-  label: t,
-  disabled: e,
-  dataTestid: l,
-  iconStart: m,
-  variant: i = "default"
+  defaultExpanded: s,
+  children: c,
+  label: i,
+  disabled: n,
+  className: l,
+  variant: e = "default",
+  ...m
 }) => {
-  const [o, a] = y(c), g = b(null), p = `${t}-button`, f = `${t}-panel`;
+  const [o, d] = y(s), g = b(null), p = `${i}-button`, f = `${i}-panel`;
   return /* @__PURE__ */ r(u, { children: [
-    /* @__PURE__ */ n(
+    /* @__PURE__ */ a(
       "div",
       {
+        ...m,
         ref: g,
-        "data-testid": l,
-        "data-disabled": !!e,
-        "data-icon-start": !!m,
-        onClick: () => !e && a(!o),
+        "data-disabled": !!n,
+        onClick: () => !n && d(!o),
         onKeyDown: (x) => {
-          x.key === "Enter" && !e && a(!o);
+          x.key === "Enter" && !n && d(!o);
         },
         tabIndex: 0,
-        className: "gi-accordion",
+        className: t("gi-accordion", l),
         children: /* @__PURE__ */ r(
           "div",
           {
-            className: d("gi-accordion-header", I({ variant: i })),
+            className: t(
+              "gi-accordion-header",
+              I({ variant: e })
+            ),
             children: [
-              t,
-              " ",
-              /* @__PURE__ */ n(
+              i,
+              /* @__PURE__ */ a(
                 w,
                 {
-                  icon: o ? "keyboard_arrow_up" : "keyboard_arrow_down"
+                  icon: o ? "keyboard_arrow_up" : "keyboard_arrow_down",
+                  size: "md",
+                  className: t({
+                    "gi-pt-[1.5px]": e === "default"
+                  })
                 }
               )
             ]
@@ -54,19 +58,19 @@ const I = h({
         )
       }
     ),
-    /* @__PURE__ */ n(
+    /* @__PURE__ */ a(
       "div",
       {
         id: f,
         role: "region",
         "aria-labelledby": p,
-        className: d("gi-px-2 gi-pb-4 gi-pt-2 gi-font-normal", {
+        className: t("gi-px-2 gi-pb-4 gi-pt-2 gi-font-normal", {
           "gi-block": o,
           "gi-hidden": !o,
-          "gi-text-md": i === "default",
-          "gi-text-sm": i === "small"
+          "gi-text-md": e === "default",
+          "gi-text-sm": e === "small"
         }),
-        children: s
+        children: c
       }
     )
   ] });

package/dist/accordion/accordion.d.ts

@@ -1,10 +1,8 @@
-import { ReactElement } from 'react';
+import { ComponentPropsWithRef, ReactElement } from 'react';
 import { AccordionItem } from './accordion-item.js';
 export type AccordionProps = {
     children: ReactElement<typeof AccordionItem>[];
-    iconStart?: boolean;
-    dataTestid?: string;
     className?: string;
     variant?: 'default' | 'small';
-};
-export declare const Accordion: ({ children, iconStart, dataTestid, className, variant, }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+} & ComponentPropsWithRef<'div'>;
+export declare const Accordion: ({ children, className, variant, ...props }: AccordionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/accordion/accordion.js

@@ -1,39 +1,28 @@
 import { jsx as o } from "react/jsx-runtime";
-import { Children as i, isValidElement as c, cloneElement as p } from "react";
-import { cn as n } from "../cn.js";
-const g = ({
+import { Children as t, isValidElement as c, cloneElement as d } from "react";
+import { cn as i } from "../cn.js";
+const b = ({
   children: r,
-  iconStart: t,
-  dataTestid: l,
-  className: a,
-  variant: s = "default"
-}) => /* @__PURE__ */ o(
-  "div",
-  {
-    "data-testid": l,
-    "data-icon-start": t,
-    role: "presentation",
-    className: n("gi-w-full", a),
-    children: i.map(r, (e, d) => {
-      const m = d === i.count(r) - 1;
-      return c(e) ? /* @__PURE__ */ o(
-        "div",
+  className: n,
+  variant: l = "default",
+  ...m
+}) => /* @__PURE__ */ o("div", { ...m, role: "presentation", className: i("gi-w-full", n), children: t.map(r, (e, s) => {
+  const a = s === t.count(r) - 1;
+  return c(e) ? /* @__PURE__ */ o(
+    "div",
+    {
+      className: i("gi-border-t", {
+        "gi-border-b": a
+      }),
+      children: d(
+        e,
         {
-          className: n("gi-border-t", {
-            "gi-border-b": m
-          }),
-          children: p(
-            e,
-            {
-              variant: s,
-              iconStart: t
-            }
-          )
+          variant: l
         }
-      ) : null;
-    })
-  }
-);
+      )
+    }
+  ) : null;
+}) });
 export {
-  g as Accordion
+  b as Accordion
 };

package/dist/alert/alert.js

@@ -1,15 +1,14 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
-import { jsxs as n, jsx as s } from "react/jsx-runtime";
+import { jsxs as n, jsx as i } from "react/jsx-runtime";
 import { useState as v } from "react";
 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 }) => {
+const V = ({ variant: e }) => {
   let a;
-  switch (r) {
+  switch (e) {
     case "warning": {
       a = "warning";
       break;
@@ -27,53 +26,53 @@ const V = ({ variant: r }) => {
   }
   return a;
 };
-function y({
-  title: r,
+function q({
+  title: e,
   children: a,
-  variant: e = "info",
-  showIcon: o = !0,
+  variant: r = "info",
+  showIcon: l = !0,
   dismissible: t,
-  onClose: i,
-  className: l,
+  onClose: s,
+  className: o,
   ...m
 }) {
   const [d, u] = v(!1), { base: f, heading: p, container: g, dismiss: b, baseDismissible: h } = I({
-    variant: e
+    variant: r
   }), k = t ? h : f;
   return d ? null : /* @__PURE__ */ n(
     "div",
     {
-      className: c(k(), l, "gi-not-prose"),
+      className: c(k(), o, "gi-not-prose"),
       role: "alert",
       "aria-live": "assertive",
       ...m,
       children: [
-        o ? /* @__PURE__ */ s(
+        l ? /* @__PURE__ */ i(
           w,
           {
-            icon: V({ variant: e }),
+            icon: V({ variant: r }),
             ariaHidden: !0,
             className: "gi-alert-icon",
-            "data-variant": e
+            "data-variant": r
           }
         ) : null,
         /* @__PURE__ */ n(
           "div",
           {
             className: c(g(), {
-              "gi-gap-1": r
+              "gi-gap-1": e
             }),
             children: [
-              r && /* @__PURE__ */ s("p", { className: p(), children: r }),
+              e && /* @__PURE__ */ i("p", { className: p(), children: e }),
               a
             ]
           }
         ),
-        t && /* @__PURE__ */ s(
+        t && /* @__PURE__ */ i(
           x,
           {
             onClick: (N) => {
-              u(!0), i == null || i(N);
+              u(!0), s == null || s(N);
             },
             className: b(),
             size: "small",
@@ -90,5 +89,5 @@ function y({
   );
 }
 export {
-  y as Alert
+  q as Alert
 };