@proximus/lavender 2.0.0-alpha.125 → 2.0.0-alpha.126
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/lavender.cjs.js +1 -1
- package/dist/lavender.es.js +3 -3
- package/dist/lavender.umd.js +1 -1
- package/package.json +1 -1
package/dist/lavender.es.js
CHANGED
|
@@ -2385,7 +2385,7 @@ if (!customElements.get("px-span")) {
|
|
|
2385
2385
|
customElements.define("px-span", Span);
|
|
2386
2386
|
}
|
|
2387
2387
|
const actionButtonCss = "button{border-radius:var(--px-radius-pill);background-color:var(--px-color-background-container-secondary-default);border:var(--px-size-border-m) solid transparent;width:var(--px-size-l);height:var(--px-size-l)}button:hover{background-color:transparent;border-color:var(--px-color-border-state-hover-default)}@media only screen and (min-width: 48rem){button{border-radius:var(--px-radius-main);width:inherit;height:inherit}}";
|
|
2388
|
-
const styles$N = ":host{display:block}:host *{box-sizing:border-box}:host(:not([promoted])){display:none}a,button{display:block;padding:var(--px-padding-xs-mobile);cursor:pointer;border-radius:var(--px-radius-main);text-decoration:none;color:var(--px-color-text-brand-default);--btn-transition: all .2s ease-in-out 0s;transition:var(--btn-transition)}a px-span,button px-span{font-size:var(--px-text-size-label-s-mobile)}a:hover,button:hover{background-color:var(--px-color-background-container-secondary-default)}a:focus-visible,button:focus-visible{outline-offset:var(--px-focus-offset-mobile);outline:var(--px-focus-outline-mobile) solid var(--px-color-border-focus-outline-default)}@media only screen and (min-width: 48rem){a,button{padding:var(--px-padding-xs-tablet)
|
|
2388
|
+
const styles$N = ":host{display:block}:host *{box-sizing:border-box}:host(:not([promoted])){display:none}a,button{display:block;padding:var(--px-padding-xs-mobile);cursor:pointer;border-radius:var(--px-radius-main);text-decoration:none;color:var(--px-color-text-brand-default);--btn-transition: all .2s ease-in-out 0s;transition:var(--btn-transition)}a px-span,button px-span{font-size:var(--px-text-size-label-s-mobile)}a:hover,button:hover{background-color:var(--px-color-background-container-secondary-default)}a:focus-visible,button:focus-visible{outline-offset:var(--px-focus-offset-mobile);outline:var(--px-focus-outline-mobile) solid var(--px-color-border-focus-outline-default)}@media only screen and (min-width: 48rem){a,button{padding:var(--px-padding-xs-tablet);min-width:65px}a px-span,button px-span{font-size:var(--px-text-size-label-s-tablet)}a:focus-visible,button:focus-visible{outline-offset:var(--px-focus-offset-tablet);outline-width:var(--px-focus-outline-tablet)}:host(:not([promoted])){display:block}}@media only screen and (min-width: 64.0625rem){a,button{padding:var(--px-padding-xs-laptop)}a px-span,button px-span{font-size:var(--px-text-size-label-s-laptop)}a:focus-visible,button:focus-visible{outline-offset:var(--px-focus-offset-laptop);outline-width:var(--px-focus-outline-laptop)}}@media only screen and (min-width: 90.0625rem){a,button{padding:var(--px-padding-xs-desktop)}a px-span,button px-span{font-size:var(--px-text-size-label-s-desktop)}a:focus-visible,button:focus-visible{outline-offset:var(--px-focus-offset-desktop);outline-width:var(--px-focus-outline-desktop)}}";
|
|
2389
2389
|
const actionButtonStyles = new CSSStyleSheet();
|
|
2390
2390
|
const actionLinkStyles = new CSSStyleSheet();
|
|
2391
2391
|
actionButtonStyles.replaceSync(actionButtonCss);
|
|
@@ -2399,7 +2399,7 @@ const _ActionButton = class _ActionButton extends PxElement {
|
|
|
2399
2399
|
<px-icon
|
|
2400
2400
|
name="${this.getAttribute("icon-name")}"
|
|
2401
2401
|
from="${this.getAttribute("icon-from")}"
|
|
2402
|
-
size="
|
|
2402
|
+
size="m"
|
|
2403
2403
|
hidden--mobile
|
|
2404
2404
|
>
|
|
2405
2405
|
</px-icon>
|
|
@@ -3315,7 +3315,7 @@ const _ActionLink = class _ActionLink extends PxElement {
|
|
|
3315
3315
|
<px-icon
|
|
3316
3316
|
name="${this.getAttribute("icon-name")}"
|
|
3317
3317
|
from="${this.getAttribute("icon-from")}"
|
|
3318
|
-
size="
|
|
3318
|
+
size="m"
|
|
3319
3319
|
>
|
|
3320
3320
|
</px-icon>
|
|
3321
3321
|
<px-span color="brand" hidden--mobile><slot></slot></px-span>
|