@ogcio/design-system-react 1.31.1 → 1.33.0

package/dist/atoms/{DsButton.js → Button.js}

@@ -1,12 +1,12 @@
 "use client";
-import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import { c } from "../index-CB-zPpNk.js";
+import { jsx as d } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { c as s } from "../index-CB-zPpNk.js";
 const r = {
   PRIMARY: "primary",
   SECONDARY: "secondary",
   FLAT: "flat"
-}, i = {
+}, l = {
   DEFAULT: "default",
   DARK: "dark",
   LIGHT: "light"
@@ -14,7 +14,7 @@ const r = {
   SMALL: "small",
   MEDIUM: "medium",
   LARGE: "large"
-}, g = c({
+}, c = s({
   base: [
     "gi-font-primary",
     "gi-border-solid",
@@ -269,43 +269,29 @@ const r = {
     size: "medium",
     disabled: !1
   }
-}), f = (t = r.PRIMARY) => Object.values(r).includes(t) ? t : r.PRIMARY, u = (t) => t === i.LIGHT || t === i.DARK ? t : i.DEFAULT, b = (t) => t === o.SMALL || t === o.LARGE ? t : o.MEDIUM, y = s(function(e, d) {
-  return /* @__PURE__ */ n(
+}), g = (a = r.PRIMARY) => Object.values(r).includes(a) ? a : r.PRIMARY, f = (a) => a === l.LIGHT || a === l.DARK ? a : l.DEFAULT, u = (a) => a === o.SMALL || a === o.LARGE ? a : o.MEDIUM, x = n(function(e, i) {
+  return /* @__PURE__ */ d(
     "button",
     {
-      ref: d,
+      ref: i,
       id: e.id,
-      className: g({
-        variant: f(e.variant),
-        appearance: u(e.appearance),
-        size: b(e.size),
+      className: c({
+        variant: g(e.variant),
+        appearance: f(e.appearance),
+        size: u(e.size),
         disabled: !!e.disabled,
         class: e.className
       }),
       disabled: e.disabled || void 0,
-      onClick: (l) => {
-        var a;
-        return (a = e.onClick) == null ? void 0 : a.call(e, l);
-      },
-      onFocus: (l) => {
-        var a;
-        return (a = e.onFocus) == null ? void 0 : a.call(e, l);
-      },
-      onBlur: (l) => {
-        var a;
-        return (a = e.onBlur) == null ? void 0 : a.call(e, l);
-      },
-      onKeyDown: (l) => {
-        var a;
-        return (a = e.onKeyDown) == null ? void 0 : a.call(e, l);
-      },
-      onKeyUp: (l) => {
-        var a;
-        return (a = e.onKeyUp) == null ? void 0 : a.call(e, l);
-      },
+      onClick: (t) => e.onClick && e.onClick(t),
+      onFocus: (t) => e.onFocus && e.onFocus(t),
+      onBlur: (t) => e.onBlur && e.onBlur(t),
+      onKeyDown: (t) => e.onKeyDown && e.onKeyDown(t),
+      onKeyUp: (t) => e.onKeyUp && e.onKeyUp(t),
       "aria-label": e.ariaLabel,
       "aria-labelledby": e.ariaLabelledBy,
       "aria-describedby": e.ariaDescribedBy,
+      "aria-checked": e.ariaChecked,
       "aria-pressed": e.ariaPressed,
       "aria-expanded": e.ariaExpanded,
       "aria-controls": e.ariaControls,
@@ -316,15 +302,15 @@ const r = {
       form: e.form,
       value: e.value,
       tabIndex: e.tabIndex,
-      "data-testid": e.dataTestId ?? e.dataTestid,
+      "data-testid": e.dataTestId,
       children: e.children
     }
   );
 });
 export {
-  i as Appearance,
+  l as Appearance,
   o as Size,
   r as Variant,
-  y as default,
-  g as styles
+  x as default,
+  c as styles
 };

package/dist/atoms/heading/H1.d.ts

@@ -0,0 +1,3 @@
+import { Props } from './types';
+declare function H1(props: Props): import("react/jsx-runtime").JSX.Element;
+export default H1;

package/dist/atoms/heading/H1.js

@@ -0,0 +1,20 @@
+import { jsx as t } from "react/jsx-runtime";
+import i from "./styles.js";
+import { getSize as a } from "./utils.js";
+function m(e) {
+  return /* @__PURE__ */ t(
+    "h1",
+    {
+      id: e.id,
+      className: i({
+        size: a(e.size, "xl"),
+        class: e.className
+      }),
+      "data-testid": e.dataTestId,
+      children: e.children
+    }
+  );
+}
+export {
+  m as default
+};

package/dist/atoms/heading/H2.d.ts

@@ -0,0 +1,3 @@
+import { Props } from './types';
+declare function H2(props: Props): import("react/jsx-runtime").JSX.Element;
+export default H2;

package/dist/atoms/heading/H2.js

@@ -0,0 +1,20 @@
+import { jsx as t } from "react/jsx-runtime";
+import i from "./styles.js";
+import { getSize as a } from "./utils.js";
+function m(e) {
+  return /* @__PURE__ */ t(
+    "h2",
+    {
+      id: e.id,
+      className: i({
+        size: a(e.size, "lg"),
+        class: e.className
+      }),
+      "data-testid": e.dataTestId,
+      children: e.children
+    }
+  );
+}
+export {
+  m as default
+};

package/dist/atoms/heading/H3.d.ts

@@ -0,0 +1,3 @@
+import { Props } from './types';
+declare function H3(props: Props): import("react/jsx-runtime").JSX.Element;
+export default H3;

package/dist/atoms/heading/H3.js

@@ -0,0 +1,20 @@
+import { jsx as t } from "react/jsx-runtime";
+import i from "./styles.js";
+import { getSize as a } from "./utils.js";
+function l(e) {
+  return /* @__PURE__ */ t(
+    "h3",
+    {
+      id: e.id,
+      className: i({
+        size: a(e.size, "md"),
+        class: e.className
+      }),
+      "data-testid": e.dataTestId,
+      children: e.children
+    }
+  );
+}
+export {
+  l as default
+};

package/dist/atoms/heading/H4.d.ts

@@ -0,0 +1,3 @@
+import { Props } from './types';
+declare function H4(props: Props): import("react/jsx-runtime").JSX.Element;
+export default H4;

package/dist/atoms/heading/H4.js

@@ -0,0 +1,20 @@
+import { jsx as t } from "react/jsx-runtime";
+import i from "./styles.js";
+import { getSize as a } from "./utils.js";
+function l(e) {
+  return /* @__PURE__ */ t(
+    "h4",
+    {
+      id: e.id,
+      className: i({
+        size: a(e.size, "sm"),
+        class: e.className
+      }),
+      "data-testid": e.dataTestId,
+      children: e.children
+    }
+  );
+}
+export {
+  l as default
+};

package/dist/atoms/heading/H5.d.ts

@@ -0,0 +1,3 @@
+import { Props } from './types';
+declare function H5(props: Props): import("react/jsx-runtime").JSX.Element;
+export default H5;

package/dist/atoms/heading/H5.js

@@ -0,0 +1,20 @@
+import { jsx as t } from "react/jsx-runtime";
+import i from "./styles.js";
+import { getSize as a } from "./utils.js";
+function l(e) {
+  return /* @__PURE__ */ t(
+    "h5",
+    {
+      id: e.id,
+      className: i({
+        size: a(e.size, "xs"),
+        class: e.className
+      }),
+      "data-testid": e.dataTestId,
+      children: e.children
+    }
+  );
+}
+export {
+  l as default
+};

package/dist/atoms/heading/H6.d.ts

@@ -0,0 +1,3 @@
+import { Props } from './types';
+declare function H6(props: Props): import("react/jsx-runtime").JSX.Element;
+export default H6;

package/dist/atoms/heading/H6.js

@@ -0,0 +1,20 @@
+import { jsx as t } from "react/jsx-runtime";
+import i from "./styles.js";
+import { getSize as a } from "./utils.js";
+function l(e) {
+  return /* @__PURE__ */ t(
+    "h6",
+    {
+      id: e.id,
+      className: i({
+        size: a(e.size, "2xs"),
+        class: e.className
+      }),
+      "data-testid": e.dataTestId,
+      children: e.children
+    }
+  );
+}
+export {
+  l as default
+};

package/dist/atoms/heading/index.d.ts

@@ -0,0 +1,9 @@
+export { default as H1 } from './H1';
+export { default as H2 } from './H2';
+export { default as H3 } from './H3';
+export { default as H4 } from './H4';
+export { default as H5 } from './H5';
+export { default as H6 } from './H6';
+export { default as headingStyles } from './styles';
+export type { Size, Props } from './types';
+export { getSize } from './utils';

package/dist/atoms/heading/index.js

@@ -0,0 +1,18 @@
+import { default as o } from "./H1.js";
+import { default as a } from "./H2.js";
+import { default as d } from "./H3.js";
+import { default as m } from "./H4.js";
+import { default as s } from "./H5.js";
+import { default as u } from "./H6.js";
+import { default as g } from "./styles.js";
+import { getSize as S } from "./utils.js";
+export {
+  o as H1,
+  a as H2,
+  d as H3,
+  m as H4,
+  s as H5,
+  u as H6,
+  S as getSize,
+  g as headingStyles
+};

package/dist/atoms/heading/styles.d.ts

@@ -0,0 +1,65 @@
+declare const styles: import('tailwind-variants').TVReturnType<{
+    size: {
+        xl: string;
+        lg: string;
+        md: string;
+        sm: string;
+        xs: string;
+        '2xs': string;
+    };
+}, undefined, "gi-font-bold gi-font-primary", import('tailwind-variants/dist/config.js').TVConfig<{
+    size: {
+        xl: string;
+        lg: string;
+        md: string;
+        sm: string;
+        xs: string;
+        '2xs': string;
+    };
+}, {
+    size: {
+        xl: string;
+        lg: string;
+        md: string;
+        sm: string;
+        xs: string;
+        '2xs': string;
+    };
+}>, {
+    size: {
+        xl: string;
+        lg: string;
+        md: string;
+        sm: string;
+        xs: string;
+        '2xs': string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    size: {
+        xl: string;
+        lg: string;
+        md: string;
+        sm: string;
+        xs: string;
+        '2xs': string;
+    };
+}, undefined, "gi-font-bold gi-font-primary", import('tailwind-variants/dist/config.js').TVConfig<{
+    size: {
+        xl: string;
+        lg: string;
+        md: string;
+        sm: string;
+        xs: string;
+        '2xs': string;
+    };
+}, {
+    size: {
+        xl: string;
+        lg: string;
+        md: string;
+        sm: string;
+        xs: string;
+        '2xs': string;
+    };
+}>, unknown, unknown, undefined>>;
+export default styles;

package/dist/atoms/heading/styles.js

@@ -0,0 +1,17 @@
+import { c as t } from "../../index-CB-zPpNk.js";
+const l = t({
+  base: "gi-font-bold gi-font-primary",
+  variants: {
+    size: {
+      xl: "gi-text-4xl md:gi-text-5xl xl:gi-text-6xl",
+      lg: "gi-text-2xl md:gi-text-3xl xl:gi-text-4xl",
+      md: "gi-text-lg md:gi-text-xl xl:gi-text-2xl",
+      sm: "gi-text-lg xl:gi-text-xl",
+      xs: "gi-text-md",
+      "2xs": "gi-text-sm"
+    }
+  }
+});
+export {
+  l as default
+};

package/dist/atoms/heading/types.d.ts

@@ -0,0 +1,15 @@
+export declare const Size: {
+    readonly XL: "xl";
+    readonly LG: "lg";
+    readonly MD: "md";
+    readonly SM: "sm";
+    readonly XS: "xs";
+    readonly XXS: "2xs";
+};
+export type Props = {
+    id?: string;
+    size?: (typeof Size)[keyof typeof Size];
+    className?: string;
+    children: any;
+    dataTestId?: string;
+};

package/dist/atoms/heading/types.js

@@ -0,0 +1,11 @@
+const s = {
+  XL: "xl",
+  LG: "lg",
+  MD: "md",
+  SM: "sm",
+  XS: "xs",
+  XXS: "2xs"
+};
+export {
+  s as Size
+};

package/dist/atoms/heading/utils.d.ts

@@ -0,0 +1,2 @@
+import { Props } from './types';
+export declare const getSize: (size: Props["size"], defaultSize: Props["size"]) => Props["size"];

package/dist/atoms/heading/utils.js

@@ -0,0 +1,5 @@
+import { Size as o } from "./types.js";
+const r = (e, t) => e && Object.values(o).includes(e) ? e : t;
+export {
+  r as getSize
+};

package/dist/atoms/icons/ArrowLeft.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+declare function ArrowLeft(props: IconProps): import("react/jsx-runtime").JSX.Element;
+export default ArrowLeft;

package/dist/atoms/icons/ArrowLeft.js

@@ -0,0 +1,23 @@
+import { jsx as l } from "react/jsx-runtime";
+function t(e) {
+  return /* @__PURE__ */ l(
+    "svg",
+    {
+      viewBox: "0 -960 960 960",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: e.size ?? 24,
+      height: e.size ?? 24,
+      className: e.className,
+      id: e.id,
+      role: e.label ? "img" : void 0,
+      "aria-label": e.label,
+      "aria-hidden": !e.label,
+      fill: e.color ?? "currentColor",
+      "data-testid": e.dataTestId ?? "arrow_left",
+      children: /* @__PURE__ */ l("path", { d: "M400-240 160-480l240-240 56 58-142 142h486v80H314l142 142-56 58Z" })
+    }
+  );
+}
+export {
+  t as default
+};

package/dist/atoms/icons/ArrowRight.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+declare function ArrowRight(props: IconProps): import("react/jsx-runtime").JSX.Element;
+export default ArrowRight;

package/dist/atoms/icons/ArrowRight.js

@@ -0,0 +1,23 @@
+import { jsx as e } from "react/jsx-runtime";
+function l(a) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      viewBox: "0 -960 960 960",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: a.size ?? 24,
+      height: a.size ?? 24,
+      className: a.className,
+      id: a.id,
+      role: a.label ? "img" : void 0,
+      "aria-label": a.label,
+      "aria-hidden": !a.label,
+      fill: a.color ?? "currentColor",
+      "data-testid": a.dataTestId ?? "arrow_right",
+      children: /* @__PURE__ */ e("path", { d: "m560-240-56-58 142-142H160v-80h486L504-662l56-58 240 240-240 240Z" })
+    }
+  );
+}
+export {
+  l as default
+};

package/dist/atoms/icons/CheckCircle.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+declare function CheckCircle(props: IconProps): import("react/jsx-runtime").JSX.Element;
+export default CheckCircle;

package/dist/atoms/icons/CheckCircle.js

@@ -0,0 +1,23 @@
+import { jsx as l } from "react/jsx-runtime";
+function a(e) {
+  return /* @__PURE__ */ l(
+    "svg",
+    {
+      viewBox: "0 -960 960 960",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: e.size ?? 24,
+      height: e.size ?? 24,
+      className: e.className,
+      id: e.id,
+      role: e.label ? "img" : void 0,
+      "aria-label": e.label,
+      "aria-hidden": !e.label,
+      fill: e.color ?? "currentColor",
+      "data-testid": e.dataTestId ?? "check_circle",
+      children: /* @__PURE__ */ l("path", { d: "m424-296 282-282-56-56-226 226-114-114-56 56 170 170Zm56 216q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z" })
+    }
+  );
+}
+export {
+  a as default
+};

package/dist/atoms/icons/Error.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+declare function Error(props: IconProps): import("react/jsx-runtime").JSX.Element;
+export default Error;

package/dist/atoms/icons/Error.js

@@ -0,0 +1,23 @@
+import { jsx as e } from "react/jsx-runtime";
+function l(t) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      viewBox: "0 -960 960 960",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: t.size ?? 24,
+      height: t.size ?? 24,
+      className: t.className,
+      id: t.id,
+      role: t.label ? "img" : void 0,
+      "aria-label": t.label,
+      "aria-hidden": !t.label,
+      fill: t.color ?? "currentColor",
+      "data-testid": t.dataTestId ?? "error",
+      children: /* @__PURE__ */ e("path", { d: "M508.5-291.5Q520-303 520-320t-11.5-28.5Q497-360 480-360t-28.5 11.5Q440-337 440-320t11.5 28.5Q463-280 480-280t28.5-11.5ZM440-440h80v-240h-80v240Zm40 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z" })
+    }
+  );
+}
+export {
+  l as default
+};

package/dist/atoms/icons/FirstPage.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+declare function FirstPage(props: IconProps): import("react/jsx-runtime").JSX.Element;
+export default FirstPage;

package/dist/atoms/icons/FirstPage.js

@@ -0,0 +1,23 @@
+import { jsx as e } from "react/jsx-runtime";
+function l(a) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      viewBox: "0 -960 960 960",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: a.size ?? 24,
+      height: a.size ?? 24,
+      className: a.className,
+      id: a.id,
+      role: a.label ? "img" : void 0,
+      "aria-label": a.label,
+      "aria-hidden": !a.label,
+      fill: a.color ?? "currentColor",
+      "data-testid": a.dataTestId ?? "first_page",
+      children: /* @__PURE__ */ e("path", { d: "M240-240v-480h80v480h-80Zm440 0L440-480l240-240 56 56-184 184 184 184-56 56Z" })
+    }
+  );
+}
+export {
+  l as default
+};

package/dist/atoms/icons/Info.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+declare function Info(props: IconProps): import("react/jsx-runtime").JSX.Element;
+export default Info;

package/dist/atoms/icons/Info.js

@@ -0,0 +1,23 @@
+import { jsx as a } from "react/jsx-runtime";
+function i(t) {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      viewBox: "0 -960 960 960",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: t.size ?? 24,
+      height: t.size ?? 24,
+      className: t.className,
+      id: t.id,
+      role: t.label ? "img" : void 0,
+      "aria-label": t.label,
+      "aria-hidden": !t.label,
+      fill: t.color ?? "currentColor",
+      "data-testid": t.dataTestId ?? "info",
+      children: /* @__PURE__ */ a("path", { d: "M440-280h80v-240h-80v240Zm68.5-331.5Q520-623 520-640t-11.5-28.5Q497-680 480-680t-28.5 11.5Q440-657 440-640t11.5 28.5Q463-600 480-600t28.5-11.5ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z" })
+    }
+  );
+}
+export {
+  i as default
+};

package/dist/atoms/icons/KeyboardArrowLeft.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+declare function KeyboardArrowLeft(props: IconProps): import("react/jsx-runtime").JSX.Element;
+export default KeyboardArrowLeft;

package/dist/atoms/icons/KeyboardArrowLeft.js

@@ -0,0 +1,23 @@
+import { jsx as a } from "react/jsx-runtime";
+function t(e) {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      viewBox: "0 -960 960 960",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: e.size ?? 24,
+      height: e.size ?? 24,
+      className: e.className,
+      id: e.id,
+      role: e.label ? "img" : void 0,
+      "aria-label": e.label,
+      "aria-hidden": !e.label,
+      fill: e.color ?? "currentColor",
+      "data-testid": e.dataTestId ?? "keyboard_arrow_left",
+      children: /* @__PURE__ */ a("path", { d: "M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z" })
+    }
+  );
+}
+export {
+  t as default
+};

package/dist/atoms/icons/KeyboardArrowRight.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+declare function KeyboardArrowRight(props: IconProps): import("react/jsx-runtime").JSX.Element;
+export default KeyboardArrowRight;

package/dist/atoms/icons/KeyboardArrowRight.js

@@ -0,0 +1,23 @@
+import { jsx as e } from "react/jsx-runtime";
+function l(a) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      viewBox: "0 -960 960 960",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: a.size ?? 24,
+      height: a.size ?? 24,
+      className: a.className,
+      id: a.id,
+      role: a.label ? "img" : void 0,
+      "aria-label": a.label,
+      "aria-hidden": !a.label,
+      fill: a.color ?? "currentColor",
+      "data-testid": a.dataTestId ?? "keyboard_arrow_right",
+      children: /* @__PURE__ */ e("path", { d: "M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z" })
+    }
+  );
+}
+export {
+  l as default
+};

package/dist/atoms/icons/LastPage.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+declare function LastPage(props: IconProps): import("react/jsx-runtime").JSX.Element;
+export default LastPage;