@proximus/lavender-light 2.0.0-alpha.129 → 2.0.0-alpha.130
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.
|
@@ -4676,7 +4676,7 @@ class Section extends WithExtraAttributes {
|
|
|
4676
4676
|
if (!customElements.get("px-section")) {
|
|
4677
4677
|
customElements.define("px-section", Section);
|
|
4678
4678
|
}
|
|
4679
|
-
const styles$1 = ":host{display:block}:host *{box-sizing:border-box}button,a{display:
|
|
4679
|
+
const styles$1 = ":host{display:block;height:100%}:host *{box-sizing:border-box}button,a{display:flex;flex-direction:column;justify-content:center;font-family:var(--px-font-family);font-size:var(--px-text-size-label-m-mobile);line-height:var(--px-font-line-height-l);color:var(--px-color-text-neutral-default);text-align:center;cursor:pointer;padding:var(--px-padding-m-mobile) 0;height:100%}button:after,a:after{content:attr(data-label);display:block;height:0;width:auto;visibility:hidden;overflow:hidden;-webkit-user-select:none;user-select:none;pointer-events:none;font-weight:var(--px-font-weight-title)}button:focus-visible,a:focus-visible{outline-offset:var(--px-focus-offset-mobile);outline:var(--px-focus-outline-mobile) solid var(--px-color-border-focus-outline-default)}:host([current]) button,button:hover,:host([current]) a,a:hover{font-weight:var(--px-font-weight-title);color:var(--px-color-background-container-primary-default)}button{margin:0;border:0;border-bottom:2px solid rgba(0,0,0,0);outline:0;background:inherit}button[aria-expanded=true]{font-weight:var(--px-font-weight-title);color:var(--px-color-background-container-primary-default);border-bottom-color:var(--px-color-background-container-primary-default)}a{text-decoration:none}@media screen and (min-width: 48rem){button,a{font-size:var(--px-text-size-label-m-tablet);padding:var(--px-padding-m-tablet) 0}button:focus-visible,a:focus-visible{outline-offset:var(--px-focus-offset-tablet);outline-width:var(--px-focus-outline-tablet)}}@media screen and (min-width: 64.0625rem){button,a{font-size:var(--px-text-size-label-m-laptop);padding:var(--px-padding-m-laptop) 0}button:focus-visible,a:focus-visible{outline-offset:var(--px-focus-offset-laptop);outline-width:var(--px-focus-outline-laptop)}}@media screen and (min-width: 90.0625rem){button,a{font-size:var(--px-text-size-label-m-desktop);padding:var(--px-padding-m-desktop) 0}button:focus-visible,a:focus-visible{outline-offset:var(--px-focus-offset-desktop);outline-width:var(--px-focus-outline-desktop)}}";
|
|
4680
4680
|
const stylesheet$1 = new CSSStyleSheet();
|
|
4681
4681
|
stylesheet$1.replaceSync(styles$1);
|
|
4682
4682
|
class HeaderItem extends WithExtraAttributes {
|
|
@@ -5136,7 +5136,7 @@ class MDDLink extends HTMLElement {
|
|
|
5136
5136
|
if (!customElements.get("px-mdd-a")) {
|
|
5137
5137
|
customElements.define("px-mdd-a", MDDLink);
|
|
5138
5138
|
}
|
|
5139
|
-
const styles =
|
|
5139
|
+
const styles = '#navigation-container{border-bottom:var(--px-size-border-m) solid var(--px-color-border-main-default)}#dropdown-zone--desktop{display:none}#primary-navigation{display:none;margin:0;padding:0}#primary-navigation div,#primary-navigation px-hstack{height:100%}#panel-container{position:absolute;top:0;left:0;right:0;z-index:999}#backdrop-filter{display:none;position:absolute;z-index:998;left:0;width:100vw;height:100%;background:#0000004d;-webkit-backdrop-filter:saturate(180%) blur(15px);backdrop-filter:saturate(180%) blur(15px)}@media screen and (min-width: 48rem){#dropdown-zone--desktop{display:flex;justify-content:space-between;align-items:center}#dropdown-zone--desktop ::slotted([slot="target-group"]),#dropdown-zone--desktop ::slotted([slot="user-language"]){margin-bottom:var(--px-spacing-s-tablet)}#primary-navigation{display:block}#panel-container{top:auto}::slotted([slot="header-actions"]){margin-bottom:var(--px-padding-s-tablet)}}@media screen and (min-width: 64.0625rem){#dropdown-zone--desktop ::slotted([slot="target-group"]),#dropdown-zone--desktop ::slotted([slot="user-language"]){margin-bottom:var(--px-spacing-s-laptop)}::slotted([slot="header-actions"]){margin-bottom:var(--px-padding-s-laptop)}}@media screen and (min-width: 90.0625rem){#dropdown-zone--desktop ::slotted([slot="target-group"]),#dropdown-zone--desktop ::slotted([slot="user-language"]){margin-bottom:var(--px-spacing-s-desktop)}::slotted([slot="header-actions"]){margin-bottom:var(--px-padding-s-desktop)}}';
|
|
5140
5140
|
function isObject(value) {
|
|
5141
5141
|
var type = typeof value;
|
|
5142
5142
|
return value != null && (type == "object" || type == "function");
|
|
@@ -5335,12 +5335,15 @@ class Header extends WithExtraAttributes {
|
|
|
5335
5335
|
<div>
|
|
5336
5336
|
<header>
|
|
5337
5337
|
<slot name="skip"></slot>
|
|
5338
|
-
<px-section id="navigation-container" padding-
|
|
5338
|
+
<px-section id="navigation-container" padding-bottom="none" padding-bottom--mobile="s" padding-top="s" background-color="none">
|
|
5339
5339
|
<div id="dropdown-zone--desktop">
|
|
5340
5340
|
<slot name="target-group"></slot>
|
|
5341
5341
|
<slot name="user-language"></slot>
|
|
5342
5342
|
</div>
|
|
5343
|
-
<px-hstack gap="default" wrap="wrap"
|
|
5343
|
+
<px-hstack gap="default" wrap="wrap" id="navigation-wrapper">
|
|
5344
|
+
<px-hstack align-items="center">
|
|
5345
|
+
<slot name="header-logo"></slot>
|
|
5346
|
+
</px-hstack>
|
|
5344
5347
|
<slot name="header-logo"></slot>
|
|
5345
5348
|
<nav id="primary-navigation" aria-label="${this.primaryNavigationAriaLabel}">
|
|
5346
5349
|
<div role="list">
|
|
@@ -5355,7 +5358,7 @@ class Header extends WithExtraAttributes {
|
|
|
5355
5358
|
<px-button-icon id="burger-menu" variant="naked" aria-label="${this.burgerMenuAriaLabel ?? "Open menu"}"
|
|
5356
5359
|
aria-expanded="false" hidden--tablet hidden--laptop
|
|
5357
5360
|
hidden--desktop>
|
|
5358
|
-
<px-icon name="burger_menu" from="lavender"></px-icon>
|
|
5361
|
+
<px-icon name="burger_menu" from="lavender" size="m"></px-icon>
|
|
5359
5362
|
</px-button-icon>
|
|
5360
5363
|
</px-hstack>
|
|
5361
5364
|
</px-hstack>
|