@proximus/lavender 2.0.0-alpha.112 → 2.0.0-alpha.114

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.
@@ -2185,6 +2185,9 @@ class Icon extends WithExtraAttributes {
2185
2185
  __privateGet(this, _internals).ariaHidden = "true";
2186
2186
  this.ariaHidden = "true";
2187
2187
  }
2188
+ if (this.parentElement.localName === "px-a" && this.slot !== "before" && this.slot !== "after") {
2189
+ this.setAttribute("color", "inherit");
2190
+ }
2188
2191
  }
2189
2192
  updateAttribute(attrName, oldValue, newValue, attrValues) {
2190
2193
  if (oldValue !== null && oldValue !== "") {
@@ -10063,7 +10066,7 @@ class Drawer extends HTMLElement {
10063
10066
  if (!customElements.get("px-drawer")) {
10064
10067
  customElements.define("px-drawer", Drawer);
10065
10068
  }
10066
- const styles$y = ':host{position:relative}::slotted([slot="popover"]){position:absolute;border-radius:var(--px-radius-main, 8px);background:var(--px-color-background-container-light-default, #fff);box-shadow:0 20px 25px -5px #25252514;margin:0;padding:var(--px-padding-xs-mobile) 0;border:0;right:0;width:auto}:host([grow]) ::slotted([slot="trigger"]):after{right:0;padding-right:var(--px-padding-xs-mobile)}:host([anchoralignment="top-left"]) ::slotted([slot="popover"]){top:auto}:host([anchoralignment="top-right"]) ::slotted([slot="popover"]){top:auto}:host([anchoralignment="bottom-right"]) ::slotted([slot="popover"]){left:auto}@media screen and (max-width: 47.938rem){::slotted([slot="trigger"]){display:block;width:100%}:host([anchoralignment="top-left"]) ::slotted([slot="popover"]){left:var(--px-padding-s-mobile)}:host([anchoralignment="top-right"]) ::slotted([slot="popover"]){left:var(--px-padding-s-mobile)}}@media screen and (min-width: 48rem){::slotted([slot="popover"]){padding-block:var(--px-padding-s-desktop);right:auto;width:auto}}';
10069
+ const styles$y = ':host{position:relative}::slotted([slot="popover"]){position:fixed;border-radius:var(--px-radius-main, 8px);background:var(--px-color-background-container-light-default, #fff);box-shadow:0 20px 25px -5px #25252514;margin:0;padding:var(--px-padding-xs-mobile) 0;border:0;right:0;width:auto}:host([grow]) ::slotted([slot="trigger"]):after{right:0;padding-right:var(--px-padding-xs-mobile)}:host([anchoralignment="top-left"]) ::slotted([slot="popover"]){top:auto}:host([anchoralignment="top-right"]) ::slotted([slot="popover"]){top:auto}:host([anchoralignment="bottom-right"]) ::slotted([slot="popover"]){left:auto}@media screen and (max-width: 47.938rem){::slotted([slot="trigger"]){display:block;width:100%}:host([anchoralignment="top-left"]) ::slotted([slot="popover"]){left:var(--px-padding-s-mobile)}:host([anchoralignment="top-right"]) ::slotted([slot="popover"]){left:var(--px-padding-s-mobile)}}@media screen and (min-width: 48rem){::slotted([slot="popover"]){padding-block:var(--px-padding-s-desktop);right:auto;width:auto}}';
10067
10070
  const anchorAlignmentValues = [
10068
10071
  "top-left",
10069
10072
  "top-right",
@@ -10161,7 +10164,7 @@ class Dropdown extends WithExtraAttributes {
10161
10164
  anchor-name: ${this.anchorName};
10162
10165
  }
10163
10166
  :host([anchoralignment="bottom-left"]) {
10164
- ::slotted([slot="popover"]) {
10167
+ ::slotted([popover]) {
10165
10168
  position-anchor: ${this.anchorName};
10166
10169
  top: anchor(${this.anchorName} bottom);
10167
10170
  left: anchor(${this.anchorName} left);
@@ -10328,7 +10331,7 @@ _onToggle = new WeakMap();
10328
10331
  * race conditions when the popover is toggled and the trigger click event is fired.
10329
10332
  */
10330
10333
  handleManualPopoverDisplay_fn = function() {
10331
- if (this.$trigger) {
10334
+ if (this.$trigger && !["button", "input"].includes(this.$trigger.localName)) {
10332
10335
  if (!this.manualToggle) {
10333
10336
  this.$trigger.addEventListener("click", this.triggerPopoverDisplay);
10334
10337
  }
@@ -10627,9 +10630,6 @@ const _Link = class _Link extends PxElement {
10627
10630
  `"${newValue}" is not a valid variant value for ${this.tagName.toLowerCase()}. Allowed values are: "${linkVariantValues.join('", "')}".`
10628
10631
  );
10629
10632
  }
10630
- if (newValue === "icon-link") {
10631
- this.$iconNotBeforeAfter.setAttribute("color", "inherit");
10632
- }
10633
10633
  }
10634
10634
  updateShape(attrName, newValue, attrValue) {
10635
10635
  if (!checkName(attrValue, newValue)) {