@aspprev/versi-ds 0.4.4 → 0.4.6

package/dist/{chunk-EA5F5GSP.js → chunk-5LJGBVPA.js}

@@ -1515,46 +1515,54 @@ function PageHeading({
 }) {
   const backHref = getBackHref(back?.href);
   const titleAttribute = getTitleAttribute(title);
-  const backClassName = "mb-2 inline-flex w-fit items-center gap-1 text-sm font-semibold text-content-link hover:underline focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring";
+  const backClassName = "inline-flex w-fit items-center gap-1 text-sm font-semibold hover:underline focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring";
   return /* @__PURE__ */ jsxs13(
     "header",
     {
       className: classNames9(
-        "flex flex-col gap-3 tablet:flex-row tablet:items-start tablet:justify-between",
+        "flex w-full min-w-0 flex-col gap-3 tablet:flex-row tablet:items-start tablet:justify-between",
         { "mb-sm": spacing === "default" },
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs13("div", { className: classNames9("min-w-0 flex-1", contentClassName), children: [
-          back && backHref ? /* @__PURE__ */ jsx23("a", { className: backClassName, href: backHref, children: /* @__PURE__ */ jsx23(BackContent, { label: back.label }) }) : back ? /* @__PURE__ */ jsx23(
-            "button",
-            {
-              type: "button",
-              className: backClassName,
-              onClick: back.onClick,
-              children: /* @__PURE__ */ jsx23(BackContent, { label: back.label })
-            }
-          ) : null,
-          /* @__PURE__ */ jsx23(
-            typography_default,
-            {
-              element: "h1",
-              semanticRole: "page-title",
-              title: titleAttribute,
-              className: "min-w-0 tablet:truncate",
-              children: title
-            }
-          ),
-          subtitle !== void 0 && subtitle !== null && /* @__PURE__ */ jsx23(
-            typography_default,
-            {
-              element: "p",
-              semanticRole: "section-title",
-              className: "mt-2 font-normal",
-              children: subtitle
-            }
-          )
-        ] }),
+        /* @__PURE__ */ jsxs13(
+          "div",
+          {
+            className: classNames9("w-full min-w-0 tablet:flex-1", contentClassName),
+            children: [
+              /* @__PURE__ */ jsxs13("div", { className: "flex w-full min-w-0 items-center gap-4", children: [
+                back && backHref ? /* @__PURE__ */ jsx23("a", { className: backClassName, href: backHref, children: /* @__PURE__ */ jsx23(BackContent, { label: back.label }) }) : back ? /* @__PURE__ */ jsx23(
+                  "button",
+                  {
+                    type: "button",
+                    className: backClassName,
+                    onClick: back.onClick,
+                    children: /* @__PURE__ */ jsx23(BackContent, { label: back.label })
+                  }
+                ) : null,
+                /* @__PURE__ */ jsx23(
+                  typography_default,
+                  {
+                    element: "h1",
+                    semanticRole: "page-title",
+                    title: titleAttribute,
+                    className: "block w-full min-w-0 overflow-hidden text-ellipsis tablet:truncate tablet:whitespace-nowrap",
+                    children: title
+                  }
+                )
+              ] }),
+              subtitle !== void 0 && subtitle !== null && /* @__PURE__ */ jsx23(
+                typography_default,
+                {
+                  element: "p",
+                  semanticRole: "section-title",
+                  className: "mt-2 font-normal",
+                  children: subtitle
+                }
+              )
+            ]
+          }
+        ),
         actions && /* @__PURE__ */ jsx23("div", { className: "flex w-full flex-wrap items-center gap-2 tablet:w-auto tablet:shrink-0 tablet:justify-end", children: actions })
       ]
     }
@@ -1574,14 +1582,14 @@ function PageTabsHeader({
   return /* @__PURE__ */ jsxs14(
     "div",
     {
-      className: `flex flex-col gap-4 tablet:flex-row tablet:items-end tablet:justify-between ${className}`,
+      className: `flex w-full min-w-0 flex-col gap-4 tablet:flex-row tablet:items-end tablet:justify-between ${className}`,
       children: [
-        /* @__PURE__ */ jsx24("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx24(PageHeading, { title, spacing: "none" }) }),
+        /* @__PURE__ */ jsx24("div", { className: "w-full min-w-0 tablet:flex-1", children: /* @__PURE__ */ jsx24(PageHeading, { title, spacing: "none" }) }),
         tabs.length > 1 && /* @__PURE__ */ jsx24(
           "nav",
           {
             "aria-label": title,
-            className: "flex w-full max-w-full flex-row flex-nowrap items-end gap-3 overflow-x-auto tablet:w-fit tablet:shrink-0 tablet:justify-end tablet:overflow-visible",
+            className: "flex w-full min-w-0 max-w-full flex-row flex-nowrap items-end gap-3 overflow-x-auto tablet:w-fit tablet:shrink-0 tablet:justify-end tablet:overflow-visible",
             children: /* @__PURE__ */ jsx24("div", { role: "tablist", className: "flex flex-nowrap items-end gap-3", children: tabs.map((tab) => {
               const Icon = tab.icon;
               const isActive = activeTab === tab.id;
@@ -1598,7 +1606,7 @@ function PageTabsHeader({
                   children: [
                     Icon && /* @__PURE__ */ jsx24(Icon, { "aria-hidden": "true", className: "h-4 w-4 shrink-0" }),
                     /* @__PURE__ */ jsx24("span", { children: tab.label }),
-                    tab.notification !== void 0 && tab.notification !== null && /* @__PURE__ */ jsx24("span", { className: "inline-flex min-h-4 min-w-4 items-center justify-center rounded-full bg-feedback-danger-strong px-1 text-2xs font-bold text-feedback-danger-on-strong", children: tab.notification })
+                    tab.notification !== void 0 && tab.notification !== null && /* @__PURE__ */ jsx24("span", { className: "inline-flex min-h-4 min-w-4 items-center justify-center rounded-full bg-feedback-danger-strong px-1 text-2xs font-bold text-action-tertiary-content", children: tab.notification })
                   ]
                 },
                 tab.id
@@ -3269,4 +3277,4 @@ export {
   resolveContainerBreakpoint,
   useContainerBreakpoint
 };
-//# sourceMappingURL=chunk-EA5F5GSP.js.map
+//# sourceMappingURL=chunk-5LJGBVPA.js.map