@ogcio/design-system-react 1.11.0 → 1.11.2

package/dist/button/types.d.ts

@@ -0,0 +1,13 @@
+export declare const ButtonVariants: readonly ["primary", "secondary", "flat"];
+export type ButtonVariant = (typeof ButtonVariants)[number];
+export type ButtonAppearance = 'default' | 'dark' | 'light';
+export type ButtonSize = 'medium' | 'small' | 'large';
+export type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: ButtonVariant;
+    appearance?: ButtonAppearance;
+    size?: ButtonSize;
+    form?: string;
+    value?: string;
+    className?: string;
+    dataTestid?: string;
+};

package/dist/button/types.js

@@ -0,0 +1,4 @@
+const t = ["primary", "secondary", "flat"];
+export {
+  t as ButtonVariants
+};

package/dist/button-group/button-group.d.ts

@@ -0,0 +1,21 @@
+import { FC, PropsWithChildren } from 'react';
+import { ButtonAppearance, ButtonSize } from '../button/types.js';
+type ButtonGroupItemProps = PropsWithChildren<{
+    value: string;
+    role?: string;
+    'aria-checked'?: boolean;
+    'aria-label'?: string;
+}>;
+export declare const ButtonGroupItem: FC<ButtonGroupItemProps>;
+type ButtonGroupProps = PropsWithChildren<{
+    name: string;
+    size?: ButtonSize;
+    appearance?: ButtonAppearance;
+    onChange?: (value: string) => void;
+    defaultValue?: string;
+    role?: string;
+    'aria-labelledby'?: string;
+    'aria-describedby'?: string;
+}>;
+export declare const ButtonGroup: FC<ButtonGroupProps>;
+export {};

package/dist/button-group/button-group.js

@@ -0,0 +1,85 @@
+"use client";
+import { jsx as p } from "react/jsx-runtime";
+import { createContext as x, useContext as B, useState as I } from "react";
+import { Button as G } from "../button/button.js";
+import { useDomId as g } from "../hooks/use-dom-id.js";
+const b = x(
+  void 0
+), w = ({
+  value: e,
+  children: a,
+  role: n,
+  "aria-checked": r,
+  "aria-label": i
+}) => {
+  const o = B(b);
+  if (!o)
+    throw new Error("ButtonGroupItem must be used within a ButtonGroup");
+  const {
+    selectedValue: d,
+    setSelectedValue: c,
+    size: u,
+    onChange: t,
+    groupId: s,
+    appearance: l
+  } = o, m = d === e, f = () => {
+    c(e), t == null || t(e);
+  }, y = `${s}-${e}`;
+  return /* @__PURE__ */ p(
+    G,
+    {
+      variant: m ? "primary" : "secondary",
+      size: u,
+      appearance: l,
+      onClick: f,
+      id: y,
+      role: n || "radio",
+      "aria-checked": r === void 0 ? m : r,
+      "aria-label": i,
+      type: "button",
+      children: a
+    }
+  );
+}, C = ({
+  name: e,
+  size: a = "medium",
+  appearance: n = "dark",
+  onChange: r,
+  defaultValue: i,
+  children: o,
+  role: d,
+  "aria-labelledby": c,
+  "aria-describedby": u
+}) => {
+  const [t, s] = I(
+    i
+  ), l = g();
+  return /* @__PURE__ */ p(
+    b.Provider,
+    {
+      value: {
+        selectedValue: t,
+        setSelectedValue: s,
+        name: e,
+        size: a,
+        onChange: r,
+        groupId: l,
+        appearance: n
+      },
+      children: /* @__PURE__ */ p(
+        "div",
+        {
+          className: "gi-btn-group",
+          role: d || "radiogroup",
+          "aria-labelledby": c,
+          "aria-describedby": u,
+          children: o
+        }
+      )
+    }
+  );
+};
+export {
+  C as ButtonGroup,
+  w as ButtonGroupItem
+};

package/dist/button-group/button-group.test.d.ts

@@ -0,0 +1 @@
+export {};