@pantheon-systems/pds-toolkit-react 1.0.0-dev.201 → 1.0.0-dev.202

package/_dist/index.js

@@ -6148,7 +6148,7 @@ const s1 = [
   let H = null, z = !1;
   const y = _e(yt);
   y && (H = y.navbarWidth, z = y.isAdmin);
-  const x = 2.25, S = 22, N = z ? 14.25 : 9.25, M = H > 900 ? S : H / 16 - (N + m) - x * 0.675;
+  const x = 2.25, S = 22, N = z ? 14.5 : 9.625, M = H > 900 ? S : H / 16 - (N + m) - x * 0.675;
   let T = x;
   f && !H && (T = S), f && H && (T = M);
   const D = {
@@ -7826,10 +7826,10 @@ const js = () => {
   }, [o]), ie(() => {
     u(w);
   }, [w]);
-  const _ = typeof s, $ = "pds-popover", E = [
+  const _ = typeof s, $ = "pds-popover", E = L([
     `${$}__trigger-custom`,
     _ === "string" ? `${$}__trigger-text` : ""
-  ].join(" ").trim().replace(/\s+/g, " "), C = s ? l : 0, v = de(null), { refs: k, floatingStyles: H, context: z, middlewareData: y } = Me({
+  ]), C = s ? l : 0, v = de(null), { refs: k, floatingStyles: H, context: z, middlewareData: y } = Me({
     placement: i,
     open: w,
     onOpenChange(W) {
@@ -7861,58 +7861,52 @@ const js = () => {
       }[W]
     })
   });
-  return /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", b({ className: L([$, m]) }, p), /* @__PURE__ */ e.createElement(
+    "span",
+    b({
+      className: `${$}__trigger`,
+      ref: k.setReference,
+      role: "button"
+    }, T()),
+    s ? /* @__PURE__ */ e.createElement("span", { className: E }, s) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, c), /* @__PURE__ */ e.createElement(
+      F,
+      {
+        iconName: d,
+        className: `${$}__icon`,
+        iconSize: "md"
+      }
+    ))
+  ), Y && /* @__PURE__ */ e.createElement(d1, null, /* @__PURE__ */ e.createElement(m1, { context: z, modal: !1 }, /* @__PURE__ */ e.createElement(
     "div",
     b({
-      className: [$, m].join(" ").trim().replace(/\s+/g, " ")
-    }, p),
+      className: `${$}__container`,
+      ref: k.setFloating,
+      style: H
+    }, D()),
     /* @__PURE__ */ e.createElement(
-      "span",
-      b({
-        className: `${$}__trigger`,
-        ref: k.setReference
-      }, T()),
-      s ? /* @__PURE__ */ e.createElement("span", { className: E }, s) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, c), /* @__PURE__ */ e.createElement(
-        F,
-        {
-          iconName: d,
-          className: `${$}__icon`,
-          iconSize: "md"
-        }
-      ))
+      Z1,
+      {
+        ref: v,
+        context: z,
+        height: Ke,
+        width: a1,
+        tipRadius: 0,
+        fill: "var(--pds-color-background-default)",
+        stroke: "var(--pds-color-border-default)",
+        strokeWidth: 1,
+        className: `${$}__arrow`
+      }
     ),
-    Y && /* @__PURE__ */ e.createElement(d1, null, /* @__PURE__ */ e.createElement(m1, { context: z, modal: !1 }, /* @__PURE__ */ e.createElement(
-      "div",
-      b({
-        className: `${$}__container`,
-        ref: k.setFloating,
-        style: H
-      }, D()),
-      /* @__PURE__ */ e.createElement(
-        Z1,
-        {
-          ref: v,
-          context: z,
-          height: Ke,
-          width: a1,
-          tipRadius: 0,
-          fill: "var(--pds-color-background-default)",
-          stroke: "var(--pds-color-border-default)",
-          strokeWidth: 1,
-          className: `${$}__arrow`
-        }
-      ),
-      /* @__PURE__ */ e.createElement("div", { className: `${$}__container-inner` }, a && /* @__PURE__ */ e.createElement("div", { className: `${$}__title` }, a), t && /* @__PURE__ */ e.createElement("div", { className: `${$}__content` }, t), n && /* @__PURE__ */ e.createElement(
-        "button",
-        {
-          onClick: x,
-          className: `${$}__close`
-        },
-        /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, "Close"),
-        /* @__PURE__ */ e.createElement(F, { iconName: "xmark", iconSize: "lg" })
-      ))
-    )))
-  );
+    /* @__PURE__ */ e.createElement("div", { className: `${$}__container-inner` }, a && /* @__PURE__ */ e.createElement("div", { className: `${$}__title` }, a), t && /* @__PURE__ */ e.createElement("div", { className: `${$}__content` }, t), n && /* @__PURE__ */ e.createElement(
+      "button",
+      {
+        onClick: x,
+        className: `${$}__close`
+      },
+      /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, "Close"),
+      /* @__PURE__ */ e.createElement(F, { iconName: "xmark", iconSize: "lg" })
+    ))
+  ))));
 }, c1 = {
   neutral: "--pds-color-semantic-neutral-utility",
   info: "--pds-color-semantic-info-foreground",