@studiolxd/brand 49.10.0 → 49.11.0
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/CHANGELOG.md +51 -0
- package/dist/_shared/tokens.js +3 -0
- package/dist/_types/molecules/SiteNav/SiteNav.d.ts +14 -0
- package/dist/app-launcher.css +1 -1
- package/dist/app-launcher.js +7 -4
- package/dist/brand.css +7 -4
- package/dist/site-nav.css +1 -1
- package/dist/site-nav.js +3 -2
- package/dist/tokens.css +7 -4
- package/package.json +1 -1
- package/src/tokens/molecules/app-launcher.css +5 -3
- package/src/tokens/molecules/site-nav.css +1 -0
- package/src/tokens/scss/molecules/_app-launcher.scss +5 -3
- package/src/tokens/scss/molecules/_site-nav.scss +1 -0
- package/src/tokens/tokens.json +3 -0
package/dist/site-nav.css
CHANGED
|
@@ -1 +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__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}.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)}
|
|
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}.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
CHANGED
|
@@ -20,13 +20,14 @@ function o(e, t) {
|
|
|
20
20
|
}
|
|
21
21
|
var s = 5;
|
|
22
22
|
function c({ groups: c, label: l, renderLink: u = a, className: d }) {
|
|
23
|
-
let f = e("siteNav"), p = ["site-nav", d].filter(Boolean).join(" "), m = Math.min(
|
|
23
|
+
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;
|
|
24
24
|
return /* @__PURE__ */ r("nav", {
|
|
25
25
|
className: p,
|
|
26
26
|
"aria-label": f("label", l),
|
|
27
|
-
"data-columns":
|
|
27
|
+
"data-columns": h,
|
|
28
28
|
children: c.map((e) => /* @__PURE__ */ i("div", {
|
|
29
29
|
className: "site-nav__group",
|
|
30
|
+
"data-group-columns": e.columns === 2 ? 2 : void 0,
|
|
30
31
|
children: [/* @__PURE__ */ r(t, {
|
|
31
32
|
level: 2,
|
|
32
33
|
size: 6,
|