@ogcio/design-system-react 1.32.0 → 1.33.0

package/dist/label/label.d.ts

@@ -3,52 +3,100 @@ export declare const LabelSize: {
     readonly Medium: "md";
     readonly Large: "lg";
 };
+export declare const Label: import('react').ForwardRefExoticComponent<import('react').LabelHTMLAttributes<HTMLLabelElement> & {
+    text?: string | React.ReactElement;
+    size?: import('./types.js').LabelSizeType;
+} & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLLabelElement>>;
 export declare const styles: import('tailwind-variants').TVReturnType<{
     size: {
-        sm: string;
-        md: string;
-        lg: string;
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
     };
-}, undefined, "gi-label", import('tailwind-variants/dist/config.js').TVConfig<{
+}, {
+    base: string;
+}, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
     size: {
-        sm: string;
-        md: string;
-        lg: string;
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
     };
 }, {
     size: {
-        sm: string;
-        md: string;
-        lg: string;
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
     };
 }>, {
     size: {
-        sm: string;
-        md: string;
-        lg: string;
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
     };
-}, undefined, import('tailwind-variants').TVReturnType<{
+}, {
+    base: string;
+}, import('tailwind-variants').TVReturnType<{
     size: {
-        sm: string;
-        md: string;
-        lg: string;
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
     };
-}, undefined, "gi-label", import('tailwind-variants/dist/config.js').TVConfig<{
+}, {
+    base: string;
+}, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
     size: {
-        sm: string;
-        md: string;
-        lg: string;
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
     };
 }, {
     size: {
-        sm: string;
-        md: string;
-        lg: string;
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
     };
 }>, unknown, unknown, undefined>>;
-export declare const Label: import('react').ForwardRefExoticComponent<import('react').LabelHTMLAttributes<HTMLLabelElement> & {
-    text?: string | React.ReactElement;
-    size?: import('./types.js').LabelSizeType;
-} & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLLabelElement>>;

package/dist/label/label.js

@@ -1,28 +1,43 @@
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as r } from "react";
-import { c as o } from "../index-CB-zPpNk.js";
-const d = {
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as o } from "react";
+import { c as d } from "../index-CB-zPpNk.js";
+const b = {
   Small: "sm",
   Medium: "md",
   Large: "lg"
-}, g = o({
-  base: "gi-label",
+}, c = o(
+  ({ text: e, size: t = b.Medium, className: s, children: a, ...l }, m) => {
+    const { base: i } = g({ size: t });
+    return /* @__PURE__ */ r(
+      "label",
+      {
+        className: i({ className: s }),
+        "data-testid": "label",
+        ref: m,
+        ...l,
+        children: a ?? e
+      }
+    );
+  }
+);
+c.displayName = "Label";
+const g = d({
+  slots: {
+    base: "gi-block gi-text-color-text-system-neutral-default"
+  },
   variants: {
     size: {
-      sm: "gi-text-sm",
-      md: "gi-text-md",
-      lg: "gi-text-lg"
+      sm: { base: "gi-text-sm" },
+      md: { base: "gi-text-md" },
+      lg: { base: "gi-text-lg" }
     }
   },
   defaultVariants: {
     size: "md"
   }
-}), c = r(
-  ({ text: e, size: a = d.Medium, className: m, children: s, ...t }, l) => /* @__PURE__ */ i("label", { className: g({ size: a, className: m }), ref: l, ...t, children: s ?? e })
-);
-c.displayName = "Label";
+});
 export {
   c as Label,
-  d as LabelSize,
+  b as LabelSize,
   g as styles
 };

package/dist/modal/modal.content.js

@@ -1,5 +1,5 @@
 import { jsxs as i, jsx as t, Fragment as r } from "react/jsx-runtime";
-import { Button as o } from "../button/button.js";
+import o from "../atoms/Button.js";
 import { ModalTitle as e, ModalBody as a, ModalFooter as n } from "./modal.js";
 const c = /* @__PURE__ */ i(r, { children: [
   /* @__PURE__ */ t(e, { children: "Modal Title" }),

package/dist/modal/modal.js

@@ -1,16 +1,16 @@
 "use client";
-import { jsx as l, jsxs as y, Fragment as j } from "react/jsx-runtime";
-import { isValidElement as K, cloneElement as T, useState as A, useRef as U, useMemo as W, Children as _, useId as z, useEffect as C } from "react";
+import { jsx as l, jsxs as y, Fragment as P } from "react/jsx-runtime";
+import { isValidElement as K, cloneElement as T, useState as j, useRef as U, useMemo as W, Children as _, useId as z, useEffect as C } from "react";
 import { createPortal as G } from "react-dom";
 import J from "../Heading.js";
-import { Button as E } from "../button/button.js";
+import A from "../atoms/Button.js";
 import { cn as u } from "../cn.js";
 import { useAriaHider as Q } from "../hooks/use-aria-hider.js";
 import { useFocusTrap as X } from "../hooks/use-focus-trap.js";
 import { Icon as Y } from "../icon/icon.js";
 import { IconButton as Z } from "../icon-button/icon-button.js";
 import { splitAriaProps as O, isSpecialComponent as ee, getSpecialComponentType as te } from "../utils/utilities.js";
-const I = {
+const B = {
   flat: 0,
   secondary: 1,
   primary: 2
@@ -21,16 +21,16 @@ const I = {
 }) => {
   let n = "sm";
   return (o === "large" || o === "medium") && (n = "md"), e ? /* @__PURE__ */ l(
-    E,
+    A,
     {
       onClick: t.onClick,
       variant: "flat",
       size: o,
       appearance: "dark",
       className: "gi-modal-icon",
-      "aria-label": e,
+      ariaLabel: e,
       ...t,
-      children: /* @__PURE__ */ y(j, { children: [
+      children: /* @__PURE__ */ y(P, { children: [
         e,
         /* @__PURE__ */ l(Y, { icon: "close", size: n })
       ] })
@@ -72,25 +72,25 @@ const I = {
   closeOnOverlayClick: n = !0,
   isOpen: a,
   onClose: d,
-  closeButtonLabel: h,
+  closeButtonLabel: v,
   className: s,
   children: f,
   closeButtonSize: r,
   closeOnEscape: i,
   dataTestId: c,
-  ...v
+  ...h
 }) => {
-  var w;
+  var I;
   const M = U(null);
   Q(M, a);
-  const [D, R] = W(
-    () => O(v),
-    [v]
+  const [D, L] = W(
+    () => O(h),
+    [h]
   ), F = _.toArray(f), N = (m) => F.find(
     (p) => te(p) === m
-  ), g = N("ModalTitle"), b = N("ModalFooter") || N("DrawerFooter"), S = z(), L = ((w = g == null ? void 0 : g.props) == null ? void 0 : w.id) || `gi-modal-title-${S}`, H = g ? T(g, {
+  ), g = N("ModalTitle"), b = N("ModalFooter") || N("DrawerFooter"), R = z(), S = ((I = g == null ? void 0 : g.props) == null ? void 0 : I.id) || `gi-modal-title-${R}`, H = g ? T(g, {
     as: o === "sm" ? "h5" : "h4",
-    id: L
+    id: S
   }) : null, $ = b ? T(b, {
     dataModalSize: o
   }) : null, V = F.filter(
@@ -109,18 +109,18 @@ const I = {
     if (!a || !t || !n)
       return;
     const m = (p) => {
-      var B;
-      const k = (B = M.current) == null ? void 0 : B.querySelector(
+      var k;
+      const w = (k = M.current) == null ? void 0 : k.querySelector(
         ".gi-modal-container-control"
       );
-      k && (k.contains(p.target) || d());
+      w && (w.contains(p.target) || d());
     };
     return document.addEventListener("pointerdown", m, !0), () => document.removeEventListener("pointerdown", m, !0);
   }, [a, t, n, d]);
   const q = /* @__PURE__ */ l(
     "div",
     {
-      ...R,
+      ...L,
       ref: M,
       className: u("gi-modal", {
         "gi-modal-open": a,
@@ -153,7 +153,7 @@ const I = {
             /* @__PURE__ */ l(
               ae,
               {
-                closeButtonLabel: h,
+                closeButtonLabel: v,
                 modalTitle: H,
                 closeOnClick: t,
                 onClose: d,
@@ -170,14 +170,14 @@ const I = {
     }
   );
   return /* @__PURE__ */ l(ne, { modalRef: M, isOpen: a, children: q });
-}, P = ({ children: e, as: o = "h4", ...t }) => /* @__PURE__ */ l("div", { className: "gi-flex-1", id: t.id, "aria-label": e == null ? void 0 : e.toString(), children: /* @__PURE__ */ l(J, { as: o, ...t, children: e }) });
-Object.defineProperty(P, "componentType", {
+}, E = ({ children: e, as: o = "h4", ...t }) => /* @__PURE__ */ l("div", { className: "gi-flex-1", id: t.id, "aria-label": e == null ? void 0 : e.toString(), children: /* @__PURE__ */ l(J, { as: o, ...t, children: e }) });
+Object.defineProperty(E, "componentType", {
   value: "ModalTitle",
   writable: !1,
   enumerable: !1
 });
-P.displayName = "ModalTitle";
-const he = ({
+E.displayName = "ModalTitle";
+const ve = ({
   children: e,
   className: o,
   includeModalClass: t = !0
@@ -199,10 +199,10 @@ const he = ({
 }) => {
   const s = (Array.isArray(o) ? o : [o]).filter((r) => {
     var i, c;
-    return K(r) && (r.type === E || ((i = r.type) == null ? void 0 : i.displayName) === "Button" || ((c = r.props) == null ? void 0 : c["data-button"]));
+    return K(r) && (r.type === A || ((i = r.type) == null ? void 0 : i.displayName) === "Button" || ((c = r.props) == null ? void 0 : c["data-button"]));
   }).sort((r, i) => {
-    const c = r.props.variant ?? "primary", v = i.props.variant ?? "primary";
-    return (I[c] || 0) - (I[v] || 0);
+    const c = r.props.variant ?? "primary", h = i.props.variant ?? "primary";
+    return (B[c] || 0) - (B[h] || 0);
   }), f = u({
     "gi-justify-center sm:gi-justify-start": !t && n !== "sm" && !a,
     "gi-justify-center": t === "vertical" || n === "sm" || a,
@@ -225,7 +225,7 @@ const he = ({
             (r, i) => {
               var c;
               return T(r, {
-                key: r.key || r.props.id || r.props.dataTestid || `modal-footer-button-${i}`,
+                key: r.key || r.props.id || r.props.dataTestId || `modal-footer-button-${i}`,
                 id: r.props.id || `modal-footer-button-${i}`,
                 className: u((c = r == null ? void 0 : r.props) == null ? void 0 : c.className, f)
               });
@@ -247,22 +247,22 @@ const ne = ({
   modalRef: o,
   isOpen: t
 }) => {
-  const [n, a] = A(!1);
+  const [n, a] = j(!1);
   return C(() => {
     a(!0);
   }, []), X(o, t && n), n ? G(e, document.body) : null;
-}, ve = ({
+}, he = ({
   children: e,
   triggerButton: o,
   startsOpen: t,
   ...n
 }) => {
-  const [a, d] = A(!!t), h = () => d(!0), s = () => d(!1), f = T(o, {
-    "data-testid": "modal-trigger-button-container",
-    "aria-haspopup": "dialog",
-    onClick: h
+  const [a, d] = j(!!t), v = () => d(!0), s = () => d(!1), f = T(o, {
+    dataTestId: "modal-trigger-button-container",
+    ariaHasPopup: "dialog",
+    onClick: v
   });
-  return /* @__PURE__ */ y(j, { children: [
+  return /* @__PURE__ */ y(P, { children: [
     f,
     /* @__PURE__ */ l(
       re,
@@ -277,9 +277,9 @@ const ne = ({
   ] });
 };
 export {
-  ve as Modal,
-  he as ModalBody,
+  he as Modal,
+  ve as ModalBody,
   x as ModalFooter,
-  P as ModalTitle,
+  E as ModalTitle,
   re as ModalWrapper
 };

package/dist/modal/types.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ReactElement } from 'react';
-import { ButtonProps, ButtonSize, ButtonVariant } from '../button/types.js';
+import { Props as ButtonProps } from '../atoms/Button';
 import { IconButtonProps } from '../icon-button/icon-button.js';
 import { ModalBody, ModalFooter, ModalTitle } from './modal.js';
 export type ModalPositions = 'center' | 'left' | 'right' | 'bottom';
@@ -10,7 +10,7 @@ type ModalWrapperOwnProps = {
     isOpen: boolean;
     onClose: () => void;
     position?: ModalPositions;
-    closeButtonSize?: ButtonSize;
+    closeButtonSize?: ButtonProps['size'];
 };
 export type ModalWrapperProps = ModalWrapperOwnProps & Omit<ComponentPropsWithoutRef<'div'>, 'role'> & Omit<ModalProps, 'triggerButton'>;
 export type ModalSize = 'sm' | 'md' | 'lg';
@@ -27,10 +27,11 @@ export type ModalProps = React.AriaAttributes & {
 };
 export type ModalCloseButtonProps = {
     label?: string;
-} & Omit<IconButtonProps, 'className' | 'icon' | 'variant' | 'appearance'>;
+    size?: ButtonProps['size'];
+} & Omit<IconButtonProps, 'className' | 'icon' | 'variant' | 'appearance' | 'size'>;
 export type ModalFooterButton = {
     label: string;
-    variant: ButtonVariant;
+    variant: ButtonProps['variant'];
 } & ButtonProps;
 export type ModalFooterProps = {
     className?: string;

package/dist/pagination/pagination.js

@@ -1,15 +1,14 @@
 "use client";
 import { jsxs as B, jsx as j } from "react/jsx-runtime";
 import J, { createElement as R, isValidElement as D, cloneElement as Q, Children as me, Fragment as de, useContext as he, useState as ge, useEffect as ye } from "react";
-import "../atoms/Button.js";
+import U from "../atoms/Button.js";
 import "../atoms/heading/styles.js";
 import be from "../atoms/icons/ArrowLeft.js";
 import ve from "../atoms/icons/ArrowRight.js";
-import { Button as U } from "../button/button.js";
 import { useBreakpoint as Ne, Breakpoint as ne } from "../hooks/use-breakpoint.js";
 import { Icon as xe } from "../icon/icon.js";
 import { getDisplayPages as re } from "../utils/utilities.js";
-import { w as ie, i as _, a as X, b as S, I as Ae, u as Ee } from "../useTranslation-DiBQuy8S.js";
+import { w as ie, i as _, a as X, b as L, I as Ae, u as Ee } from "../useTranslation-DiBQuy8S.js";
 import { k as $e } from "../i18next-Bfi2-LyH.js";
 import { g as Te } from "../_commonjsHelpers-DaMA6jEr.js";
 import { g as oe, b as le, u as ke } from "../i18nInstance-AYICsHJu.js";
@@ -47,7 +46,7 @@ function ae(e) {
   } else s[2] && (t.attrs[s[2]] = s[3].trim().substring(1, s[3].length - 1));
   return t;
 }
-var Ie = /<[a-zA-Z0-9\-\!\/](?:"[^"]*"|'[^']*'|[^'">])*>/g, Se = /^\s*$/, Le = /* @__PURE__ */ Object.create(null);
+var Ie = /<[a-zA-Z0-9\-\!\/](?:"[^"]*"|'[^']*'|[^'">])*>/g, Le = /^\s*$/, Se = /* @__PURE__ */ Object.create(null);
 function ce(e, t) {
   switch (t.type) {
     case "text":
@@ -63,7 +62,7 @@ function ce(e, t) {
   }
 }
 var _e = { parse: function(e, t) {
-  t || (t = {}), t.components || (t.components = Le);
+  t || (t = {}), t.components || (t.components = Se);
   var n, r = [], a = [], s = -1, o = !1;
   if (e.indexOf("<") !== 0) {
     var c = e.indexOf("<");
@@ -82,7 +81,7 @@ var _e = { parse: function(e, t) {
     if (N && (s++, (n = ae(f)).type === "tag" && t.components[n.name] && (n.type = "component", o = !0), n.voidElement || o || !l || l === "<" || n.children.push({ type: "text", content: e.slice(g, e.indexOf("<", g)) }), s === 0 && r.push(n), (p = a[s - 1]) && p.children.push(n), a[s] = n), (!N || n.voidElement) && (s > -1 && (n.voidElement || n.name === f.slice(2, -1)) && (s--, n = s === -1 ? r : a[s]), !o && l !== "<" && l)) {
       p = s === -1 ? r : a[s].children;
       var h = e.indexOf("<", g), x = e.slice(g, h === -1 ? void 0 : h);
-      Se.test(x) && (x = " "), (h > -1 && s + p.length >= 0 || x !== " ") && p.push({ type: "text", content: x });
+      Le.test(x) && (x = " "), (h > -1 && s + p.length >= 0 || x !== " ") && p.push({ type: "text", content: x });
     }
   }), r;
 }, stringify: function(e) {
@@ -99,8 +98,8 @@ const G = (e, t) => {
   var n, r;
   if (!e) return [];
   const t = ((n = e.props) == null ? void 0 : n.children) ?? e.children;
-  return (r = e.props) != null && r.i18nIsDynamicList ? L(t) : t;
-}, Fe = (e) => Array.isArray(e) && e.every(D), L = (e) => Array.isArray(e) ? e : [e], we = (e, t) => {
+  return (r = e.props) != null && r.i18nIsDynamicList ? S(t) : t;
+}, Fe = (e) => Array.isArray(e) && e.every(D), S = (e) => Array.isArray(e) ? e : [e], we = (e, t) => {
   const n = {
     ...t
   };
@@ -109,15 +108,15 @@ const G = (e, t) => {
   const t = {};
   if (!e) return t;
   const n = (r) => {
-    L(r).forEach((s) => {
-      _(s) || (G(s) ? n(q(s)) : S(s) && !D(s) && Object.assign(t, s));
+    S(r).forEach((s) => {
+      _(s) || (G(s) ? n(q(s)) : L(s) && !D(s) && Object.assign(t, s));
     });
   };
   return n(e), t;
 }, ue = (e, t, n, r) => {
   if (!e) return "";
   let a = "";
-  const s = L(e), o = t != null && t.transSupportBasicHtmlNodes ? t.transKeepBasicHtmlNodesFor ?? [] : [];
+  const s = S(e), o = t != null && t.transSupportBasicHtmlNodes ? t.transKeepBasicHtmlNodesFor ?? [] : [];
   return s.forEach((c, f) => {
     if (_(c)) {
       a += `${c}`;
@@ -150,7 +149,7 @@ const G = (e, t) => {
       });
       return;
     }
-    if (S(c)) {
+    if (L(c)) {
       const {
         format: m,
         ...p
@@ -199,8 +198,8 @@ const G = (e, t) => {
   const c = a.transKeepBasicHtmlNodesFor || [], f = n && new RegExp(c.map((u) => `<${u}`).join("|")).test(n);
   if (!e && !t && !f && !o) return [n];
   const m = t ?? {}, p = (u) => {
-    L(u).forEach((y) => {
-      _(y) || (G(y) ? p(q(y)) : S(y) && !D(y) && Object.assign(m, y));
+    S(u).forEach((y) => {
+      _(y) || (G(y) ? p(q(y)) : L(y) && !D(y) && Object.assign(m, y));
     });
   };
   p(e);
@@ -224,8 +223,8 @@ const G = (e, t) => {
       }), Q(d, O, I ? null : A);
     }));
   }, h = (u, A, y) => {
-    const E = L(u);
-    return L(A).reduce((d, i, O) => {
+    const E = S(u);
+    return S(A).reduce((d, i, O) => {
       var F, H;
       const k = ((H = (F = i.children) == null ? void 0 : F[0]) == null ? void 0 : H.content) && r.services.interpolator.interpolate(i.children[0].content, g, r.language);
       if (i.type === "tag") {
@@ -240,7 +239,7 @@ const G = (e, t) => {
         });
         const b = Object.keys(V).length !== 0 ? we({
           props: V
-        }, C) : C, w = D(b), M = w && G(i, !0) && !i.voidElement, W = f && S(b) && b.dummy && !w, Z = S(t) && Object.hasOwnProperty.call(t, i.name);
+        }, C) : C, w = D(b), M = w && G(i, !0) && !i.voidElement, W = f && L(b) && b.dummy && !w, Z = L(t) && Object.hasOwnProperty.call(t, i.name);
         if (_(b)) {
           const v = r.services.interpolator.interpolate(b, g, r.language);
           d.push(v);
@@ -271,7 +270,7 @@ const G = (e, t) => {
             const v = h(E, i.children, y);
             d.push(`<${i.name}>${v}</${i.name}>`);
           }
-        else if (S(b) && !w) {
+        else if (L(b) && !w) {
           const v = i.children[0] ? k : null;
           v && d.push(v);
         } else
@@ -287,7 +286,7 @@ const G = (e, t) => {
   }, x = h([{
     dummy: !0,
     children: e || []
-  }], $, L(e || []));
+  }], $, S(e || []));
   return q(x[0]);
 }, pe = (e, t, n) => {
   const r = e.key || t, a = Q(e, {
@@ -308,9 +307,9 @@ const G = (e, t) => {
       [r]: pe(e[r], r, t)
     });
   }), n;
-}, Me = (e, t, n, r) => e ? Array.isArray(e) ? De(e, t) : S(e) ? He(e, t) : (ie(n, "TRANS_INVALID_COMPONENTS", '<Trans /> "components" prop expects an object or array', {
+}, Me = (e, t, n, r) => e ? Array.isArray(e) ? De(e, t) : L(e) ? He(e, t) : (ie(n, "TRANS_INVALID_COMPONENTS", '<Trans /> "components" prop expects an object or array', {
   i18nKey: r
-}), null) : null, We = (e) => !S(e) || Array.isArray(e) ? !1 : Object.keys(e).reduce((t, n) => t && Number.isNaN(Number.parseFloat(n)), !0);
+}), null) : null, We = (e) => !L(e) || Array.isArray(e) ? !1 : Object.keys(e).reduce((t, n) => t && Number.isNaN(Number.parseFloat(n)), !0);
 function Ze({
   children: e,
   count: t,
@@ -422,7 +421,7 @@ function Ge({
     ...g
   });
 }
-const it = ({
+const at = ({
   currentPage: e,
   totalPages: t,
   onPageChange: n,
@@ -450,7 +449,7 @@ const it = ({
         size: "large",
         appearance: "dark",
         onClick: () => n(l),
-        "aria-label": a("pagination.goToPage", {
+        ariaLabel: a("pagination.goToPage", {
           page: l,
           defaultValue: `Go to page ${l}`
         }),
@@ -494,11 +493,11 @@ const it = ({
             appearance: "dark",
             disabled: e === 1,
             onClick: () => n(e - 1),
-            "aria-label": a("pagination.goToPrevious", {
+            ariaLabel: a("pagination.goToPrevious", {
               defaultValue: "Go to previous"
             }),
             className: p ? "gi-icon-btn-large" : "",
-            dataTestid: "govie-pagination-prev-btn",
+            dataTestId: "govie-pagination-prev-btn",
             children: [
               /* @__PURE__ */ j(J.Fragment, { children: /* @__PURE__ */ j(be, { className: "gi-block gi-shrink-0" }) }, "previous-btn-pagination"),
               !p && a("pagination.previous", { defaultValue: "Previous" })
@@ -514,9 +513,9 @@ const it = ({
             size: "large",
             appearance: "dark",
             onClick: () => n(e + 1),
-            "aria-label": a("pagination.goToNext", { defaultValue: "Go to next" }),
+            ariaLabel: a("pagination.goToNext", { defaultValue: "Go to next" }),
             className: p ? "gi-icon-btn-large" : "",
-            dataTestid: "govie-pagination-next-btn",
+            dataTestId: "govie-pagination-next-btn",
             children: [
               !p && a("pagination.next", { defaultValue: "Next" }),
               /* @__PURE__ */ j(J.Fragment, { children: /* @__PURE__ */ j(ve, { className: "gi-block gi-shrink-0" }) }, "next-btn-pagination")
@@ -528,5 +527,5 @@ const it = ({
   );
 };
 export {
-  it as Pagination
+  at as Pagination
 };

package/dist/score-select/type.d.ts

@@ -1,9 +1,9 @@
-import { ButtonSize } from '../button/types.js';
+import { Props as ButtonProps } from '../atoms/Button';
 type ScoreSelectType = '1-5' | '1-7' | '0-10';
 export type ScoreSelectProps = {
     name: string;
     value?: string;
-    size?: ButtonSize;
+    size?: ButtonProps['size'];
     label: string;
     hint?: string;
     leftLabel?: string;