@orangecheck/app-design 1.2.0 → 1.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -5736,7 +5736,7 @@ function NavDropdown({ item }) {
5736
5736
  PopoverTrigger,
5737
5737
  {
5738
5738
  className: cn(
5739
- "group inline-flex items-center gap-1 rounded-full py-2 pl-3 pr-2.5 text-[0.9375rem] transition-colors",
5739
+ "group inline-flex items-center gap-1 rounded-full py-2 pl-3 pr-2.5 text-[0.9375rem] transition-colors md:max-lg:pl-2.5 md:max-lg:pr-2",
5740
5740
  active ? "text-foreground" : "text-muted-foreground hover:text-foreground data-[state=open]:text-foreground"
5741
5741
  ),
5742
5742
  children: [
@@ -5785,7 +5785,10 @@ function SiteHeader({
5785
5785
  ] }) : null
5786
5786
  ] });
5787
5787
  const navigation = nav.length > 0 ? /* @__PURE__ */ jsx("nav", { "aria-label": "Main", className: "hidden items-center gap-1 md:flex", children: nav.map(
5788
- (n) => n.children?.length ? /* @__PURE__ */ jsx(NavDropdown, { item: n }, n.href) : /* @__PURE__ */ jsx(NavLink, { item: n, line: tool }, n.href)
5788
+ (n) => n.children?.length ? /* @__PURE__ */ jsx(NavDropdown, { item: n }, n.href) : (
5789
+ // Between md and lg the family menu and the actions share the row: tighter.
5790
+ /* @__PURE__ */ jsx(NavLink, { item: n, line: tool, className: tool ? void 0 : "md:max-lg:px-2.5" }, n.href)
5791
+ )
5789
5792
  ) }) : null;
5790
5793
  return /* @__PURE__ */ jsx(
5791
5794
  "header",
@@ -5800,7 +5803,7 @@ function SiteHeader({
5800
5803
  {
5801
5804
  className: cn(
5802
5805
  "flex items-center justify-between gap-4",
5803
- tool ? "h-14 px-4 md:px-6" : "oca-container h-16 md:h-[4.5rem]",
5806
+ tool ? "h-14 px-4 md:px-6" : "oca-container h-16 md:h-[4.5rem] md:max-lg:gap-2",
5804
5807
  // Three columns, the outer two each at least their content: the
5805
5808
  // navigation stays centred whatever the actions hold, so it does
5806
5809
  // not shift when they change (signed out to signed in).