@ogcio/design-system-react 1.11.1 → 1.11.3

package/dist/icon/svgs/youtube.js

@@ -0,0 +1,29 @@
+import { jsxs as t, jsx as l } from "react/jsx-runtime";
+function d({ className: e, size: i }) {
+  return /* @__PURE__ */ t(
+    "svg",
+    {
+      width: i || "24",
+      height: i || "24",
+      viewBox: "0 0 24 24",
+      className: e,
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ l("g", { clipPath: "url(#clip0_4049_2553)", children: /* @__PURE__ */ l(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M21.3682 4.50455C22.4045 4.79091 23.2227 5.60909 23.4955 6.64545C24 8.52727 24 12.4545 24 12.4545C24 12.4545 24 16.3818 23.5091 18.2636C23.2227 19.3136 22.4182 20.1318 21.3818 20.4045C19.5 20.9091 12 20.9091 12 20.9091C12 20.9091 4.5 20.9091 2.63182 20.4045C1.59545 20.1182 0.777273 19.3 0.504545 18.2636C0 16.3818 0 12.4545 0 12.4545C0 12.4545 0 8.52727 0.490909 6.64545C0.777273 5.59545 1.58182 4.77727 2.61818 4.50455C4.5 4 12 4 12 4C12 4 19.5 4 21.3682 4.50455ZM15.8182 12.4546L9.54545 8.88182V16.0273L15.8182 12.4546Z",
+            fill: "#0B0C0C"
+          }
+        ) }),
+        /* @__PURE__ */ l("defs", { children: /* @__PURE__ */ l("clipPath", { id: "clip0_4049_2553", children: /* @__PURE__ */ l("rect", { width: "24", height: "24", fill: "white" }) }) })
+      ]
+    }
+  );
+}
+export {
+  d as default
+};

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

@@ -0,0 +1,10 @@
+import { ButtonProps } from '../button/types.js';
+import { IconProps } from '../icon/icon.js';
+export type IconButtonProps = Omit<ButtonProps, 'children'> & {
+    icon: Omit<IconProps, 'size'>;
+    className?: string;
+};
+export declare const IconButton: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "children"> & {
+    icon: Omit<IconProps, "size">;
+    className?: string;
+} & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/icon-button/icon-button.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as u } from "react";
+import { isButtonDisabled as f, getButtonIconSizeClass as p, getVariantAppearanceClass as B } from "../button/helpers.js";
+import { cn as I } from "../cn.js";
+import { Icon as d } from "../icon/icon.js";
+const g = u(
+  ({
+    icon: i,
+    variant: o,
+    appearance: n,
+    size: r,
+    disabled: t,
+    dataTestid: s,
+    onClick: e,
+    className: c = ""
+  }, a) => {
+    const l = r === "small" ? "sm" : "md";
+    return /* @__PURE__ */ m(
+      "button",
+      {
+        ref: a,
+        "aria-disabled": t,
+        disabled: t,
+        role: "button",
+        onClick: e,
+        "data-testid": s,
+        className: I(
+          "gi-btn",
+          B({ disabled: t, variant: o, appearance: n }),
+          p(r),
+          f({ disabled: t, variant: o, appearance: n }),
+          c
+        ),
+        children: /* @__PURE__ */ m(d, { size: l, ...i })
+      }
+    );
+  }
+);
+g.displayName = "IconButton";
+export {
+  g as IconButton
+};