@ogcio/design-system-react 1.11.2 → 1.11.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ogcio/design-system-react",
-  "version": "1.11.2",
+  "version": "1.11.3",
   "description": "The GOV IE design system React components.",
   "type": "module",
   "main": "dist/index.js",
@@ -50,11 +50,11 @@
     "postcss-import": "^16.1.0",
     "react": "19.0.0",
     "react-dom": "19.0.0",
-    "@ogcio/design-system-eslint-config": "1.2.5",
     "@ogcio/design-system-prettier-config": "1.0.5",
+    "@ogcio/design-system-eslint-config": "1.2.5",
+    "@ogcio/design-system-tailwind": "1.10.3",
     "@ogcio/theme-doete": "1.0.0",
-    "@ogcio/design-system-tailwind": "1.10.2",
-    "@ogcio/theme-govie": "1.5.2"
+    "@ogcio/theme-govie": "1.5.3"
   },
   "scripts": {
     "format": "prettier 'src/**/*.{ts,tsx}' --write",

package/dist/accordion/accordion.test.d.ts

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

package/dist/accordion/accordion.test.js

@@ -1,61 +0,0 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { c as h, r as o, f as a } from "../test-utilities-BS7B3BF-.js";
-import { AccordionItem as n } from "./accordion-item.js";
-import { Accordion as r } from "./accordion.js";
-describe("govieAccordion", () => {
-  afterEach(h), it("should render accordion with all items", () => {
-    const { getByText: t } = o(
-      /* @__PURE__ */ l(r, { children: [
-        /* @__PURE__ */ l(n, { label: "Label1", children: [
-          /* @__PURE__ */ e("h1", { children: "This is the content Heading 1" }),
-          /* @__PURE__ */ e("p", { children: "This is a content paragraph paragraph 1" })
-        ] }),
-        /* @__PURE__ */ l(n, { label: "Label2", children: [
-          /* @__PURE__ */ e("h1", { children: "This is the content Heading 2" }),
-          /* @__PURE__ */ e("p", { children: "This is a content paragraph paragraph 2" })
-        ] })
-      ] })
-    );
-    expect(t("Label1")).toBeInTheDocument(), expect(t("Label2")).toBeInTheDocument();
-  }), it("should toggle accordion item visibility when clicked", () => {
-    const { getByText: t, queryByText: i } = o(
-      /* @__PURE__ */ l(r, { children: [
-        /* @__PURE__ */ e(n, { label: "Label1", children: /* @__PURE__ */ e("p", { children: "This is the content for Label1" }) }),
-        /* @__PURE__ */ e(n, { label: "Label2", children: /* @__PURE__ */ e("p", { children: "This is the content for Label2" }) })
-      ] })
-    ), c = t("Label1");
-    expect(i("This is the content for Label1")).not.toBeVisible(), a.click(c), expect(i("This is the content for Label1")).toBeVisible(), a.click(c), expect(i("This is the content for Label1")).not.toBeVisible();
-  }), it("should not toggle disabled accordion item", () => {
-    const { getByText: t, queryByText: i } = o(
-      /* @__PURE__ */ l(r, { children: [
-        /* @__PURE__ */ e(n, { label: "Label1", disabled: !0, children: /* @__PURE__ */ e("p", { children: "This is the content for Label1" }) }),
-        /* @__PURE__ */ e(n, { label: "Label2", children: /* @__PURE__ */ e("p", { children: "This is the content for Label2" }) })
-      ] })
-    ), c = t("Label1");
-    expect(i("This is the content for Label1")).not.toBeVisible(), a.click(c), expect(i("This is the content for Label1")).not.toBeVisible();
-  }), it("should render accordion items with defaultExpanded set to true", () => {
-    const { getByText: t } = o(
-      /* @__PURE__ */ l(r, { children: [
-        /* @__PURE__ */ e(n, { label: "Label1", defaultExpanded: !0, children: /* @__PURE__ */ e("p", { children: "This is the content for Label1" }) }),
-        /* @__PURE__ */ e(n, { label: "Label2", children: /* @__PURE__ */ e("p", { children: "This is the content for Label2" }) })
-      ] })
-    );
-    expect(t("This is the content for Label1")).toBeVisible();
-  }), it("should apply iconStart styling when iconStart is true", () => {
-    const { container: t } = o(
-      /* @__PURE__ */ l(r, { iconStart: !0, children: [
-        /* @__PURE__ */ e(n, { label: "Label1", children: /* @__PURE__ */ e("p", { children: "This is the content for Label1" }) }),
-        /* @__PURE__ */ e(n, { label: "Label2", children: /* @__PURE__ */ e("p", { children: "This is the content for Label2" }) })
-      ] })
-    ), i = t.querySelector(".gi-accordion"), c = i == null ? void 0 : i.getAttribute("data-icon-start");
-    expect(c).toBe("true");
-  }), it("should not apply iconStart styling when iconStart is false", () => {
-    const { container: t } = o(
-      /* @__PURE__ */ l(r, { children: [
-        /* @__PURE__ */ e(n, { label: "Label1", children: /* @__PURE__ */ e("p", { children: "This is the content for Label1" }) }),
-        /* @__PURE__ */ e(n, { label: "Label2", children: /* @__PURE__ */ e("p", { children: "This is the content for Label2" }) })
-      ] })
-    ), i = t.querySelector("div.gi-flex-row-reverse");
-    expect(i).not.toBeInTheDocument();
-  });
-});

package/dist/alert/alert.test.d.ts

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

package/dist/alert/alert.test.js

@@ -1,45 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { c as r, t as l, r as o } from "../test-utilities-BS7B3BF-.js";
-import { Alert as c } from "./alert.js";
-const a = [
-  "info",
-  "success",
-  "warning",
-  "danger"
-];
-describe("Alert", () => {
-  afterEach(r);
-  const t = (e) => o(/* @__PURE__ */ i(c, { ...e }));
-  l(
-    Reflect.ownKeys(a),
-    (e) => t({
-      variant: e,
-      title: "Information",
-      children: "This is an info alert"
-    })
-  ), it("should render alert with title and message", () => {
-    const e = t({
-      variant: "info",
-      title: "Information",
-      children: "This is an info alert",
-      dataTestid: "alert"
-    }), s = e.getByTestId("alert");
-    expect(s).toBeTruthy(), expect(e.getByText("Information")).toBeTruthy(), expect(e.getByText("This is an info alert")).toBeTruthy();
-  }), it("should render different variants", () => {
-    for (const e of a) {
-      const n = t({
-        variant: e,
-        title: `${e} alert`,
-        children: `This is a ${e} alert`,
-        dataTestid: "alert"
-      }).getByTestId("alert");
-      expect(n).toHaveClass(`gi-alert-${e}`), r();
-    }
-  }), it("should pass axe accessibility tests", async () => {
-    await t({
-      variant: "success",
-      title: "Accessible Alert",
-      children: "This alert should be accessible"
-    }).axe();
-  });
-});

package/dist/blockquote/blockquote.test.d.ts

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

package/dist/blockquote/blockquote.test.js

@@ -1,21 +0,0 @@
-import { jsx as c } from "react/jsx-runtime";
-import { c as s, r as i } from "../test-utilities-BS7B3BF-.js";
-import { Blockquote as r } from "./blockquote.js";
-describe("govieBlockquote", () => {
-  afterEach(s), it("should render a blockquote with the correct content", () => {
-    const { getByText: e } = i(
-      /* @__PURE__ */ c(r, { children: "This is a blockquote" })
-    ), t = e("This is a blockquote");
-    expect(t).toBeTruthy(), expect(t.tagName.toLowerCase()).toBe("blockquote");
-  }), it("should render a blockquote with the cite attribute when provided", () => {
-    const e = "https://example.com/source", { container: t } = i(
-      /* @__PURE__ */ c(r, { cite: e, children: "This is a blockquote" })
-    ), o = t.querySelector("blockquote");
-    expect(o).toBeTruthy(), expect(o == null ? void 0 : o.getAttribute("cite")).toBe(e);
-  }), it("should pass axe accessibility tests", async () => {
-    const { axe: e } = i(
-      /* @__PURE__ */ c(r, { children: "This is a blockquote" })
-    );
-    await e();
-  });
-});

package/dist/breadcrumbs/breadcrumbs.test.d.ts

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

package/dist/breadcrumbs/breadcrumbs.test.js

@@ -1,43 +0,0 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { c as d, r as c } from "../test-utilities-BS7B3BF-.js";
-import { Breadcrumbs as i, BreadcrumbLink as o, BreadcrumbEllipsis as s, BreadcrumbCurrentLink as l } from "./breadcrumbs.js";
-describe("govieBreadcrumbs", () => {
-  afterEach(d), it("should render Breadcrumbs", () => {
-    const { getByRole: r, getAllByRole: t } = c(
-      /* @__PURE__ */ a(i, { children: [
-        /* @__PURE__ */ e(o, { href: "/home", children: "Home" }),
-        /* @__PURE__ */ e(s, {}),
-        /* @__PURE__ */ e(l, { href: "/travel", children: "Travel" })
-      ] })
-    ), h = r("navigation", {
-      name: /breadcrumb/i
-    });
-    expect(h).toBeInTheDocument();
-    const n = t("listitem");
-    expect(n).toHaveLength(3), expect(n[0]).toHaveTextContent("Home"), expect(n[1]).toBeInTheDocument(), expect(n[2]).toHaveTextContent("Travel");
-  }), it("should render Breadcrumbs with ellipses correctly", () => {
-    const { container: r } = c(
-      /* @__PURE__ */ a(i, { children: [
-        /* @__PURE__ */ e(o, { href: "/home", children: "Home" }),
-        /* @__PURE__ */ e(s, {}),
-        /* @__PURE__ */ e(o, { href: "/docs", children: "Documentation" }),
-        /* @__PURE__ */ e(l, { href: "/travel", children: "Travel" })
-      ] })
-    ), t = r.querySelector('div[aria-hidden="true"]');
-    expect(t).toBeInTheDocument(), expect(t).toHaveTextContent("more_horiz");
-  }), it("should show left chevron icon when iconStart is true", () => {
-    const { container: r } = c(
-      /* @__PURE__ */ e(i, { iconStart: !0, children: /* @__PURE__ */ e(o, { href: "/home", children: "Back to [Previous page]" }) })
-    ), t = r.querySelector("div > nav > span");
-    expect(t == null ? void 0 : t.textContent).toBe("chevron_left");
-  }), it("should pass axe accessibility tests", async () => {
-    const { axe: r } = c(
-      /* @__PURE__ */ a(i, { children: [
-        /* @__PURE__ */ e(o, { href: "/home", children: "Home" }),
-        /* @__PURE__ */ e(s, {}),
-        /* @__PURE__ */ e(l, { href: "/travel", children: "Travel" })
-      ] })
-    );
-    await r();
-  });
-});

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

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

package/dist/button/button.test.js

@@ -1,78 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { Icon as c } from "../icon/icon.js";
-import { c as a, t as u, r as p } from "../test-utilities-BS7B3BF-.js";
-import { Button as i } from "./button.js";
-import { ButtonVariants as d } from "./types.js";
-const o = {
-  children: "Button Label",
-  variant: "primary"
-};
-describe("button", () => {
-  afterEach(a);
-  const r = ({ children: t, ...n }) => p(
-    /* @__PURE__ */ s(i, { ...n, dataTestid: "govie-button", children: t })
-  );
-  u(
-    d,
-    (t) => r({ ...o, variant: t })
-  ), it("should render the label", () => {
-    const t = r(o), n = t.getByText(o.children), e = t.getByTestId("govie-button");
-    expect(n).toBeTruthy(), expect(e).toBeTruthy();
-  }), it("should render a secondary button", () => {
-    const t = {
-      ...o,
-      variant: "secondary"
-    }, e = r(t).getByTestId("govie-button");
-    expect(e).toBeTruthy();
-  }), it("should render a flat button", () => {
-    const t = {
-      ...o,
-      variant: "flat"
-    }, e = r(t).getByTestId("govie-button");
-    expect(e).toBeTruthy();
-  }), it("should render a button with default appearance", () => {
-    const t = {
-      ...o,
-      appearance: "default"
-    }, e = r(t).getByTestId("govie-button");
-    expect(e).toBeTruthy();
-  }), it("should render a button with light appearance", () => {
-    const t = {
-      ...o,
-      appearance: "light"
-    }, e = r(t).getByTestId("govie-button");
-    expect(e).toBeTruthy();
-  }), it("should render a button with dark appearance", () => {
-    const t = {
-      ...o,
-      appearance: "dark"
-    }, e = r(t).getByTestId("govie-button");
-    expect(e).toBeTruthy();
-  }), it("should render a small button", () => {
-    const t = {
-      ...o,
-      size: "small"
-    }, e = r(t).getByTestId("govie-button");
-    expect(e).toBeTruthy();
-  }), it("should render a large button", () => {
-    const t = {
-      ...o,
-      size: "large"
-    }, e = r(t).getByTestId("govie-button");
-    expect(e).toBeTruthy();
-  }), it("should render a disabled button", () => {
-    const t = {
-      ...o,
-      disabled: !0
-    }, e = r(t).getByTestId("govie-button");
-    expect(e).toBeTruthy(), expect(e).toBeDisabled();
-  }), it("should render a button with icon", () => {
-    const { getByTestId: t } = r({
-      ...o,
-      children: /* @__PURE__ */ s(c, { icon: "thumb_up" })
-    }), n = t("govie-icon");
-    expect(n).toBeTruthy();
-  }), it("should pass axe tests", async () => {
-    await r(o).axe();
-  });
-});

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

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