@studiolxd/brand 49.9.0 → 49.11.0

package/dist/site-nav.css

@@ -1 +1 @@
-.site-nav{gap:var(--site-nav-group-gap);grid-template-columns:repeat(12,1fr);display:grid}.site-nav__group{grid-column:span 12;min-inline-size:0}@media (width>=768px){.site-nav__group{grid-column:span 6}}@media (width>=768px) and (width<=1023.98px){.site-nav__group:nth-child(odd):last-child{grid-column:span 12}}@media (width>=1024px){.site-nav__group{grid-column:span 4}}@media (width>=1024px) and (width<=1279.98px){.site-nav__group:nth-child(3n+1):last-child{grid-column:span 12}.site-nav__group:nth-child(3n+1):nth-last-child(2),.site-nav__group:nth-child(3n+1):nth-last-child(2)~.site-nav__group{grid-column:span 6}}@media (width>=1280px){.site-nav__group{grid-column:span 3}.site-nav[data-columns="1"]>.site-nav__group{grid-column:span 12}.site-nav[data-columns="2"]>.site-nav__group{grid-column:span 6}.site-nav[data-columns="3"]>.site-nav__group{grid-column:span 4}.site-nav[data-columns="4"]>.site-nav__group{grid-column:span 3}.site-nav[data-columns="5"]{grid-template-columns:repeat(5,1fr)}.site-nav[data-columns="5"]>.site-nav__group{grid-column:span 1}.site-nav[data-columns="5"]>.site-nav__group:nth-child(5n+1):last-child{grid-column:span 5}}.site-nav__label{margin-block:0 var(--site-nav-label-margin-block-end)}.site-nav__list{gap:var(--site-nav-item-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.site-nav__link,.site-nav__label-link{color:inherit;box-shadow:none;padding-block-end:var(--site-nav-item-underline-offset);text-decoration:none}.site-nav__link{font-size:var(--site-nav-item-font-size);font-weight:var(--site-nav-item-font-weight);line-height:var(--site-nav-item-line-height);color:var(--site-nav-item-color);display:inline-block}.site-nav__link:hover,.site-nav__label-link:hover{color:var(--site-nav-item-hover-color);box-shadow:inset 0 calc(-1 * var(--site-nav-item-hover-line-width)) 0 0 currentColor}.site-nav__link.site-nav__link--current{font-weight:var(--site-nav-item-current-font-weight)}.site-nav__link:focus-visible,.site-nav__label-link:focus-visible{outline:var(--site-nav-focus-ring-width) solid var(--site-nav-focus-ring-color);outline-offset:var(--site-nav-focus-ring-offset)}
+.site-nav{gap:var(--site-nav-group-gap);grid-template-columns:repeat(12,1fr);display:grid}.site-nav__group{grid-column:span 12;min-inline-size:0}@media (width>=768px){.site-nav__group{grid-column:span 6}.site-nav>.site-nav__group[data-group-columns="2"]{grid-column:span 12}}@media (width>=768px) and (width<=1023.98px){.site-nav__group:nth-child(odd):last-child:not([data-group-columns="2"]){grid-column:span 12}}@media (width>=1024px){.site-nav__group{grid-column:span 4}.site-nav>.site-nav__group[data-group-columns="2"]{grid-column:span 8}}@media (width>=1024px) and (width<=1279.98px){.site-nav__group:nth-child(3n+1):last-child:not([data-group-columns="2"]){grid-column:span 12}.site-nav__group:nth-child(3n+1):nth-last-child(2):not([data-group-columns="2"]),.site-nav__group:nth-child(3n+1):nth-last-child(2)~.site-nav__group:not([data-group-columns="2"]){grid-column:span 6}}@media (width>=1280px){.site-nav__group{grid-column:span 3}.site-nav[data-columns="1"]>.site-nav__group{grid-column:span 12}.site-nav[data-columns="2"]>.site-nav__group{grid-column:span 6}.site-nav[data-columns="3"]>.site-nav__group{grid-column:span 4}.site-nav[data-columns="4"]>.site-nav__group{grid-column:span 3}.site-nav>.site-nav__group[data-group-columns="2"]{grid-column:span 6}.site-nav[data-columns="1"]>.site-nav__group[data-group-columns="2"],.site-nav[data-columns="2"]>.site-nav__group[data-group-columns="2"]{grid-column:span 12}.site-nav[data-columns="3"]>.site-nav__group[data-group-columns="2"]{grid-column:span 8}.site-nav[data-columns="4"]>.site-nav__group[data-group-columns="2"]{grid-column:span 6}.site-nav[data-columns="5"]{grid-template-columns:repeat(5,1fr)}.site-nav[data-columns="5"]>.site-nav__group{grid-column:span 1}.site-nav[data-columns="5"]>.site-nav__group:nth-child(5n+1):last-child:not([data-group-columns="2"]){grid-column:span 5}.site-nav[data-columns="5"]>.site-nav__group[data-group-columns="2"]{grid-column:span 2}}.site-nav__label{margin-block:0 var(--site-nav-label-margin-block-end)}.site-nav__item{align-items:center;gap:var(--site-nav-item-badge-gap);flex-wrap:wrap;display:flex}.site-nav__list{gap:var(--site-nav-item-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}@media (width>=768px){.site-nav__group[data-group-columns="2"]>.site-nav__list{column-gap:var(--site-nav-item-column-gap);row-gap:var(--site-nav-item-gap);grid-template-columns:repeat(2,1fr);display:grid}}.site-nav__link,.site-nav__label-link{color:inherit;box-shadow:none;padding-block-end:var(--site-nav-item-underline-offset);text-decoration:none}.site-nav__link{font-size:var(--site-nav-item-font-size);font-weight:var(--site-nav-item-font-weight);line-height:var(--site-nav-item-line-height);color:var(--site-nav-item-color);display:inline-block}.site-nav__link:not(.site-nav__link--disabled):hover,.site-nav__label-link:hover{color:var(--site-nav-item-hover-color);box-shadow:inset 0 calc(-1 * var(--site-nav-item-hover-line-width)) 0 0 currentColor}.site-nav__link.site-nav__link--current{font-weight:var(--site-nav-item-current-font-weight)}.site-nav__link.site-nav__link--disabled{color:var(--site-nav-item-disabled-color);cursor:default}.site-nav__link:focus-visible,.site-nav__label-link:focus-visible{outline:var(--site-nav-focus-ring-width) solid var(--site-nav-focus-ring-color);outline-offset:var(--site-nav-focus-ring-offset)}

package/dist/site-nav.js

@@ -2,55 +2,66 @@
 import './site-nav.css';
 import { n as e } from "./_shared/brandmessagescontext.js";
 import { Heading as t } from "./heading.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Tag as n } from "./tag.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/stories/molecules/SiteNav/SiteNav.tsx
-function i({ href: e, children: t, className: r, "aria-current": i, target: a, rel: o }) {
-	return /* @__PURE__ */ n("a", {
+function a({ href: e, children: t, className: n, "aria-current": i, target: a, rel: o }) {
+	return /* @__PURE__ */ r("a", {
 		href: e,
-		className: r,
+		className: n,
 		"aria-current": i,
 		target: a,
 		rel: o,
 		children: t
 	});
 }
-function a(e, t) {
+function o(e, t) {
 	return t || (e === "_blank" ? "noopener noreferrer" : void 0);
 }
-var o = 5;
-function s({ groups: s, label: c, renderLink: l = i, className: u }) {
-	let d = e("siteNav"), f = ["site-nav", u].filter(Boolean).join(" "), p = Math.min(s.length, o) || 1;
-	return /* @__PURE__ */ n("nav", {
-		className: f,
-		"aria-label": d("label", c),
-		"data-columns": p,
-		children: s.map((e) => /* @__PURE__ */ r("div", {
+var s = 5;
+function c({ groups: c, label: l, renderLink: u = a, className: d }) {
+	let f = e("siteNav"), p = ["site-nav", d].filter(Boolean).join(" "), m = c.reduce((e, t) => e + (t.columns ?? 1), 0), h = Math.min(m, s) || 1;
+	return /* @__PURE__ */ r("nav", {
+		className: p,
+		"aria-label": f("label", l),
+		"data-columns": h,
+		children: c.map((e) => /* @__PURE__ */ i("div", {
 			className: "site-nav__group",
-			children: [/* @__PURE__ */ n(t, {
+			"data-group-columns": e.columns === 2 ? 2 : void 0,
+			children: [/* @__PURE__ */ r(t, {
 				level: 2,
 				size: 6,
 				className: "site-nav__label",
-				children: e.href ? l({
+				children: e.href ? u({
 					href: e.href,
 					className: "site-nav__label-link",
 					children: e.label
 				}) : e.label
-			}), /* @__PURE__ */ n("ul", {
+			}), /* @__PURE__ */ r("ul", {
 				className: "site-nav__list",
-				children: e.items.map((e) => /* @__PURE__ */ n("li", {
+				children: e.items.map((e) => /* @__PURE__ */ i("li", {
 					className: "site-nav__item",
-					children: l({
+					children: [e.disabled ? /* @__PURE__ */ r("span", {
+						className: "site-nav__link site-nav__link--disabled",
+						role: "link",
+						"aria-disabled": "true",
+						children: e.label
+					}) : u({
 						href: e.href,
 						className: ["site-nav__link", e.current ? "site-nav__link--current" : ""].filter(Boolean).join(" "),
 						"aria-current": e.current ? "page" : void 0,
 						target: e.target,
-						rel: a(e.target, e.rel),
+						rel: o(e.target, e.rel),
 						children: e.label
-					})
+					}), e.badge && /* @__PURE__ */ r(n, {
+						variant: e.disabled ? "neutral" : "info",
+						className: "site-nav__badge",
+						children: e.badge
+					})]
 				}, e.id))
 			})]
 		}, e.id))
 	});
 }
 //#endregion
-export { s as SiteNav };
+export { c as SiteNav };