@ogcio/design-system-react 1.11.3 → 1.12.1

package/dist/table/table.js

@@ -1,5 +1,5 @@
 import { jsx as i } from "react/jsx-runtime";
-import { c as l } from "../index-DNkhmzZp.js";
+import { c as l } from "../index-CB-zPpNk.js";
 import { cn as r } from "../cn.js";
 const b = l({
   base: "gi-table",

package/dist/textarea/textarea.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as d, Fragment as k, jsx as n } from "react/jsx-runtime";
 import { forwardRef as R, useRef as j, useState as m, useImperativeHandle as p, useEffect as y } from "react";
-import { cn as u } from "../cn.js";
+import { cn as g } from "../cn.js";
 import { HintText as z } from "../hint-text/hint-text.js";
 import { translate as A } from "../i18n/utility.js";
 import { Icon as H } from "../icon/icon.js";
@@ -9,8 +9,8 @@ import { IconButton as O } from "../icon-button/icon-button.js";
 const E = R(
   ({
     value: i,
-    rows: f = 4,
-    cols: g = 100,
+    rows: u = 4,
+    cols: f = 100,
     autoComplete: h = "on",
     maxChars: t,
     halfFluid: x = !1,
@@ -44,7 +44,7 @@ const E = R(
       /* @__PURE__ */ n("div", { className: "gi-textarea-container", children: /* @__PURE__ */ d(
         "div",
         {
-          className: u("gi-textarea-inner", {
+          className: g("gi-textarea-inner", {
             "gi-input-half-width": x
           }),
           children: [
@@ -52,10 +52,10 @@ const E = R(
             /* @__PURE__ */ n(
               "textarea",
               {
-                rows: f,
-                cols: g,
+                rows: u,
+                cols: f,
                 autoComplete: h,
-                className: u(v, "gi-textarea"),
+                className: g(v, "gi-textarea"),
                 ref: e,
                 "data-icon-start": !!c,
                 "data-clear-enabled": l,

package/dist/toast/ds-toast.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs as n, jsx as i } from "react/jsx-runtime";
-import { c as u } from "../index-DNkhmzZp.js";
+import { c as u } from "../index-CB-zPpNk.js";
 import { Icon as p } from "../icon/icon.js";
 import { IconButton as v } from "../icon-button/icon-button.js";
 import { Link as w } from "../link/link.js";

package/dist/tooltip/tooltip.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as b, jsx as g } from "react/jsx-runtime";
 import { useState as c, useId as h, useCallback as d, useEffect as v } from "react";
-import { c as y } from "../index-DNkhmzZp.js";
+import { c as y } from "../index-CB-zPpNk.js";
 const T = ["top", "bottom", "left", "right"], E = y({
   base: "gi-tooltip",
   variants: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ogcio/design-system-react",
-  "version": "1.11.3",
+  "version": "1.12.1",
   "description": "The GOV IE design system React components.",
   "type": "module",
   "main": "dist/index.js",
@@ -51,8 +51,8 @@
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "@ogcio/design-system-prettier-config": "1.0.5",
+    "@ogcio/design-system-tailwind": "1.11.0",
     "@ogcio/design-system-eslint-config": "1.2.5",
-    "@ogcio/design-system-tailwind": "1.10.3",
     "@ogcio/theme-doete": "1.0.0",
     "@ogcio/theme-govie": "1.5.3"
   },

package/dist/forms/form-field.d.ts

@@ -1,11 +0,0 @@
-import { FieldsetHTMLAttributes } from 'react';
-import { ErrorTextProps } from '../error-text/types.js';
-import { HintTextProps } from '../hint-text/types.js';
-import { LabelTextProps } from '../label/types.js';
-export type FormFieldProps = {
-    error?: ErrorTextProps;
-    hint?: HintTextProps;
-    label?: LabelTextProps;
-    className?: string;
-} & Omit<FieldsetHTMLAttributes<HTMLFieldSetElement>, 'style'>;
-export declare const FormField: ({ label, hint, error, children, className, ...props }: FormFieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/forms/form-field.js

@@ -1,41 +0,0 @@
-import { jsxs as r, jsx as i } from "react/jsx-runtime";
-import { S as g } from "../index-ntYL1VRC.js";
-import { cn as h } from "../cn.js";
-import { ErrorText as l } from "../error-text/error-text.js";
-import { HintText as a } from "../hint-text/hint-text.js";
-import { Label as z } from "../label/label.js";
-const C = ({
-  label: e,
-  hint: s,
-  error: m,
-  children: c,
-  className: x,
-  ...d
-}) => {
-  const n = (f, t) => {
-    const o = f === "error" ? l : a;
-    return t != null && t.text ? typeof t.text == "string" ? /* @__PURE__ */ i(o, { text: t.text, size: t.size, className: "gi-mb-1" }) : /* @__PURE__ */ i(o, { size: t.size, className: "gi-mb-1", children: t.text }) : null;
-  };
-  return /* @__PURE__ */ r("fieldset", { className: h({ "gi-error-state": m }, x), ...d, children: [
-    /* @__PURE__ */ r("div", { className: "gi-pb-3 gi-flex gi-flex-col gi-gap-1", children: [
-      /* @__PURE__ */ r("div", { children: [
-        (e == null ? void 0 : e.text) && /* @__PURE__ */ i(
-          z,
-          {
-            text: e.text,
-            size: e.size,
-            htmlFor: e.htmlFor,
-            className: "gi-font-bold",
-            children: e.children
-          }
-        ),
-        n("hint", s)
-      ] }),
-      n("error", m)
-    ] }),
-    /* @__PURE__ */ i(g, { children: c })
-  ] });
-};
-export {
-  C as FormField
-};

package/dist/index-ntYL1VRC.js

@@ -1,64 +0,0 @@
-import * as i from "react";
-import { jsx as c, Fragment as d } from "react/jsx-runtime";
-function p(e, r) {
-  if (typeof e == "function")
-    return e(r);
-  e != null && (e.current = r);
-}
-function m(...e) {
-  return (r) => {
-    let n = !1;
-    const l = e.map((t) => {
-      const o = p(t, r);
-      return !n && typeof o == "function" && (n = !0), o;
-    });
-    if (n)
-      return () => {
-        for (let t = 0; t < l.length; t++) {
-          const o = l[t];
-          typeof o == "function" ? o() : p(e[t], null);
-        }
-      };
-  };
-}
-var y = i.forwardRef((e, r) => {
-  const { children: n, ...l } = e, t = i.Children.toArray(n), o = t.find(h);
-  if (o) {
-    const s = o.props.children, a = t.map((u) => u === o ? i.Children.count(s) > 1 ? i.Children.only(null) : i.isValidElement(s) ? s.props.children : null : u);
-    return /* @__PURE__ */ c(f, { ...l, ref: r, children: i.isValidElement(s) ? i.cloneElement(s, void 0, a) : null });
-  }
-  return /* @__PURE__ */ c(f, { ...l, ref: r, children: n });
-});
-y.displayName = "Slot";
-var f = i.forwardRef((e, r) => {
-  const { children: n, ...l } = e;
-  if (i.isValidElement(n)) {
-    const t = R(n), o = C(l, n.props);
-    return n.type !== i.Fragment && (o.ref = r ? m(r, t) : t), i.cloneElement(n, o);
-  }
-  return i.Children.count(n) > 1 ? i.Children.only(null) : null;
-});
-f.displayName = "SlotClone";
-var g = ({ children: e }) => /* @__PURE__ */ c(d, { children: e });
-function h(e) {
-  return i.isValidElement(e) && e.type === g;
-}
-function C(e, r) {
-  const n = { ...r };
-  for (const l in r) {
-    const t = e[l], o = r[l];
-    /^on[A-Z]/.test(l) ? t && o ? n[l] = (...a) => {
-      o(...a), t(...a);
-    } : t && (n[l] = t) : l === "style" ? n[l] = { ...t, ...o } : l === "className" && (n[l] = [t, o].filter(Boolean).join(" "));
-  }
-  return { ...e, ...n };
-}
-function R(e) {
-  var l, t;
-  let r = (l = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : l.get, n = r && "isReactWarning" in r && r.isReactWarning;
-  return n ? e.ref : (r = (t = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : t.get, n = r && "isReactWarning" in r && r.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
-}
-export {
-  g as S,
-  y as a
-};