@ogcio/design-system-react 1.31.1 → 1.32.0

package/dist/paragraph/paragraph.js

@@ -1,24 +1,26 @@
 import { jsx as m } from "react/jsx-runtime";
 function w({
-  as: e = "p",
-  size: a = "md",
+  as: a = "p",
+  size: e = "md",
   align: r = "start",
   whitespace: t = "normal",
   children: s,
-  style: i,
-  className: p,
+  style: p,
+  className: i,
   id: n,
   ariaLabel: c,
   dataTestid: g
 }) {
   const u = (() => {
-    switch (a) {
+    switch (e) {
+      case "xl":
+        return a === "p" ? "gi-paragraph-xl" : "gi-span-xl";
       case "lg":
-        return e === "p" ? "gi-paragraph-lg" : "gi-span-lg";
+        return a === "p" ? "gi-paragraph-lg" : "gi-span-lg";
       case "sm":
-        return e === "p" ? "gi-paragraph-sm" : "gi-span-sm";
+        return a === "p" ? "gi-paragraph-sm" : "gi-span-sm";
       default:
-        return e === "p" ? "gi-paragraph-md" : "gi-span-md";
+        return a === "p" ? "gi-paragraph-md" : "gi-span-md";
     }
   })(), l = (() => {
     switch (r) {
@@ -44,11 +46,11 @@ function w({
     }
   })();
   return /* @__PURE__ */ m(
-    e,
+    a,
     {
-      className: `${u} ${l} ${h} ${p || ""}`,
+      className: `${u} ${l} ${h} ${i || ""}`,
       "aria-label": c,
-      style: i,
+      style: p,
       id: n,
       "data-testid": g,
       children: s

package/dist/side-nav/side-nav.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsxs as x, Fragment as R, jsx as s } from "react/jsx-runtime";
 import r, { memo as k, useEffect as V, useCallback as g, useState as $ } from "react";
-import { Button as q } from "../button/button.js";
+import q from "../Heading.js";
+import { Button as A } from "../button/button.js";
 import { cn as m } from "../cn.js";
-import { Heading as A } from "../heading/heading.js";
 import { Icon as z } from "../icon/icon.js";
 import { Link as G } from "../link/link.js";
 import { Paragraph as J } from "../paragraph/paragraph.js";
@@ -105,7 +105,7 @@ const C = r.createContext(
               )
             }
           ) : /* @__PURE__ */ s(
-            q,
+            A,
             {
               variant: "flat",
               appearance: "dark",
@@ -168,7 +168,7 @@ const C = r.createContext(
     if (!r.useContext(C))
       throw new Error("SideNavHeading must be used within a SideNav");
     return /* @__PURE__ */ s(
-      A,
+      q,
       {
         ...e,
         as: "h5",

package/dist/side-nav/types.d.ts

@@ -1,4 +1,4 @@
-import { HeadingProps } from '../heading/heading.js';
+import { Props as HeadingProps } from '../Heading.js';
 import { IconId } from '../icon/icon.js';
 export type SideNavItemProps = {
     value: string;