@pap-it/button - npm Package Compare versions

Comparing version 1.0.11 to 1.0.12

dist/react/Button.js

@@ -1,11 +0,1 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-import { papHOC } from "@pap-it/system-react";
-import "../register.bundle.mjs";
-// exporting
-export { Button as ButtonElement } from "../src";
-const Component = React.forwardRef((props, forwardref) => {
-    const { children, ...attributes } = props;
-    return (_jsx("pap-button", { ...attributes, ref: forwardref, children: children }));
-});
-export const Button = papHOC(Component);
+"use strict";import{jsx as e}from"react/jsx-runtime";import p from"react";import{papHOC as m}from"@pap-it/system-react";import"../register.bundle.mjs";export{Button as ButtonElement}from"../src";const s=p.forwardRef((t,o)=>{const{children:r,...n}=t;return e("pap-button",{...n,ref:o,children:r})});export const Button=m(s);

dist/react/index.js

@@ -1,1 +0,1 @@
-export * from './Button';
+"use strict";export*from"./Button";

dist/src/component.js

@@ -1,57 +0,2 @@
-import { __decorate } from "tslib";
-// system
-import { property } from '@pap-it/system-utils';
-// templates
-import { FormElement } from '@pap-it/templates-form-element';
-import "@pap-it/templates-prefix-suffix/wc";
-import { style } from './style.js';
-// TODO extend form-element-template
-export class Button extends FormElement {
-    constructor() {
-        super();
-        this.type = "button";
-        this.size = "medium";
-        this.radius = "circular";
-        this.circle = false;
-        this.loading = false;
-        this.textvariant = "B1"; // TODO attribute: 'text-variant'
-        this.mode = "hug";
-        this.variant = "filled";
-        this.color = "primary";
-        // event handlers
-        this.handlekeyup = (e) => {
-            if ((e.key || e.code).toLowerCase() === "enter") {
-                if (this.hasFocus) {
-                    this.dispatchEvent(new Event('click'));
-                }
-            }
-        };
-        this.handleclick = () => {
-            if (this.href) {
-                window.location.href = this.href;
-            }
-            else if (this._internals.form) {
-                if (this.type === "submit") {
-                    this._internals.form.requestSubmit();
-                }
-                else if (this.type === "reset") {
-                    this._internals.form.reset();
-                }
-            }
-        };
-        this.tabIndex = 0;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.addEventListener("click", this.handleclick, true);
-        window.addEventListener('keyup', this.handlekeyup);
-        // NOTE should this be a standard?
-        this.role = "button";
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        window.removeEventListener('keyup', this.handlekeyup);
-    }
-    render() {
-        return `
+"use strict";import{__decorate as e}from"tslib";import{property as t}from"@pap-it/system-utils";import{FormElement as i}from"@pap-it/templates-form-element";import"@pap-it/templates-prefix-suffix/wc";import{style as o}from"./style.js";export class Button extends i{constructor(){super(),this.type="button",this.size="medium",this.radius="circular",this.circle=!1,this.loading=!1,this.textvariant="B1",this.mode="hug",this.variant="filled",this.color="primary",this.handlekeyup=r=>{(r.key||r.code).toLowerCase()==="enter"&&this.hasFocus&&this.dispatchEvent(new Event("click"))},this.handleclick=()=>{this.href?window.location.href=this.href:this._internals.form&&(this.type==="submit"?this._internals.form.requestSubmit():this.type==="reset"&&this._internals.form.reset())},this.tabIndex=0}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleclick,!0),window.addEventListener("keyup",this.handlekeyup),this.role="button"}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("keyup",this.handlekeyup)}render(){return`
       <pap-prefix-suffix-template part="prefix-suffix">
@@ -62,35 +7,2 @@ <slot slot="prefix" name="prefix"></slot>
       </pap-prefix-suffix-template>
-    `;
-    }
-}
-Button.style = style;
-__decorate([
-    property({ rerender: false })
-], Button.prototype, "type", void 0);
-__decorate([
-    property({ rerender: false })
-], Button.prototype, "size", void 0);
-__decorate([
-    property({ rerender: false })
-], Button.prototype, "radius", void 0);
-__decorate([
-    property({ rerender: false })
-], Button.prototype, "href", void 0);
-__decorate([
-    property({ rerender: false, type: Boolean })
-], Button.prototype, "circle", void 0);
-__decorate([
-    property({ rerender: false, type: Boolean })
-], Button.prototype, "loading", void 0);
-__decorate([
-    property({ rerender: false, attribute: 'text-variant' })
-], Button.prototype, "textvariant", void 0);
-__decorate([
-    property({ rerender: false })
-], Button.prototype, "mode", void 0);
-__decorate([
-    property({ rerender: false })
-], Button.prototype, "variant", void 0);
-__decorate([
-    property({ rerender: false })
-], Button.prototype, "color", void 0);
+    `}}Button.style=o,e([t({rerender:!1})],Button.prototype,"type",void 0),e([t({rerender:!1})],Button.prototype,"size",void 0),e([t({rerender:!1})],Button.prototype,"radius",void 0),e([t({rerender:!1})],Button.prototype,"href",void 0),e([t({rerender:!1,type:Boolean})],Button.prototype,"circle",void 0),e([t({rerender:!1,type:Boolean})],Button.prototype,"loading",void 0),e([t({rerender:!1,attribute:"text-variant"})],Button.prototype,"textvariant",void 0),e([t({rerender:!1})],Button.prototype,"mode",void 0),e([t({rerender:!1})],Button.prototype,"variant",void 0),e([t({rerender:!1})],Button.prototype,"color",void 0);

dist/src/index.js

@@ -1,3 +0,1 @@
-export * from './component';
-export * from './types';
-//    *    <-- This is an asshole
+"use strict";export*from"./component";export*from"./types";

dist/src/register.js

@@ -1,9 +0,1 @@
-import { Button } from './component.js';
-// Register the element with the browser
-const cElements = customElements !== null && customElements !== void 0 ? customElements : window === null || window === void 0 ? void 0 : window.customElements;
-if (!cElements) {
-    throw new Error('Custom Elements not supported');
-}
-if (!cElements.get('pap-button')) {
-    cElements.define('pap-button', Button);
-}
+"use strict";import{Button as o}from"./component.js";const t=customElements!=null?customElements:window==null?void 0:window.customElements;if(!t)throw new Error("Custom Elements not supported");t.get("pap-button")||t.define("pap-button",o);

dist/src/style.js

@@ -1,1 +0,1 @@
-export const style = `:host{cursor:var(--pap-button-cursor, pointer);-webkit-user-select:none;-ms-user-select:none;user-select:none;border-style:solid;border-width:2px;border-color:rgba(0,0,0,0);align-items:center;transition:background-color ease-in 80ms}:host pap-prefix-suffix-template{flex:1}:host pap-prefix-suffix-template::part(content){display:inline-flex;justify-content:center;align-items:center;gap:var(--button-content-gap, var(--gap-small, 8px))}:host(.content-flex-start) pap-prefix-suffix-template{flex:1}:host(.content-flex-start) pap-prefix-suffix-template::part(content){justify-content:flex-start;overflow-x:auto}:host([variant=outlined]:is(:active)),:host([variant=outlined]:is(:hover)){border-color:rgba(0,0,0,0) !important}:host(:not([circle=true])){padding-inline:var(--padding-small, 8px)}:host([mode=hug]){display:inline-flex}:host([mode=fill]){display:flex;width:100%;box-sizing:border-box}:host([text-variant=B1]),:host([text-variant=button1]){font-family:var(--typography-b1-fontfamily, "Libre Franklin", helvetica, sans-serif);font-size:var(--typography-b1-fontsize, 1rem);font-weight:var(--typography-b1-fontweight, 600);line-height:var(--typography-b1-lineheight, 140%);letter-spacing:var(--typography-b1-letterspacing, 0.01rem)}:host([color=secondary][variant=clear]:not([text-variant=B1]):not([text-variant=button1])),:host([color=inverse][variant=clear]:not([text-variant=B1]):not([text-variant=button1])),:host([text-variant=B2]),:host([text-variant=button2]){font-family:var(--typography-b2-fontfamily, "Libre Franklin", helvetica, sans-serif);font-size:var(--typography-b2-fontsize, 1rem);font-weight:var(--typography-b2-fontweight, 600);line-height:var(--typography-b2-lineheight, 140%);letter-spacing:var(--typography-b2-letterspacing, 0.01rem);text-decoration:underline}:host([variant=filled][color=primary]:not([disabled]).default),:host([variant=filled][color=primary]:not([disabled])){border-color:rgba(0,0,0,0);background-color:var(--pap-button-primary-filled-default-background, var(--pap-color-bg-brand, #009DD3));color:var(--pap-button-primary-filled-default-text, var(--pap-color-text-onbrand, #FFFFFF))}:host([variant=filled][color=primary]:not([disabled]).default) ::slotted(pap-icon),:host([variant=filled][color=primary]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-primary-filled-default-icon, var(--pap-color-icon-onbrand, #FFFFFF))}:host([variant=filled][color=primary][loading=true]:not([disabled]).default)::after,:host([variant=filled][color=primary][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-primary-filled-default-icon, var(--pap-color-icon-onbrand, #FFFFFF))}:host([variant=filled][color=primary]:not([disabled]).hover),:host([variant=filled][color=primary]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-primary-filled-hover-background, var(--pap-color-bg-brand-hover, #0050B3));color:var(--pap-button-primary-filled-hover-text, var(--pap-color-text-onbrand-hover, #FFFFFF))}:host([variant=filled][color=primary]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=filled][color=primary]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-primary-filled-hover-icon, var(--pap-color-icon-onbrand-hover, #FFFFFF))}:host([variant=filled][color=primary][loading=true]:not([disabled]).hover)::after,:host([variant=filled][color=primary][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-primary-filled-hover-icon, var(--pap-color-icon-onbrand-hover, #FFFFFF))}:host([variant=filled][color=primary]:not([disabled]).pressed),:host([variant=filled][color=primary]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-primary-filled-pressed-background, var(--pap-color-bg-brand-pressed, #002652));color:var(--pap-button-primary-filled-pressed-text, var(--pap-color-text-onbrand-pressed, #FFFFFF))}:host([variant=filled][color=primary]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=filled][color=primary]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-primary-filled-pressed-icon, var(--pap-color-icon-onbrand-pressed, #FFFFFF))}:host([variant=filled][color=primary][loading=true]:not([disabled]).pressed)::after,:host([variant=filled][color=primary][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-primary-filled-pressed-icon, var(--pap-color-icon-onbrand-pressed, #FFFFFF))}:host([variant=outlined][color=primary]:not([disabled]).default),:host([variant=outlined][color=primary]:not([disabled])){border-color:var(--pap-button-primary-outlined-default-border, var(--pap-color-border-brand, #009DD3));color:var(--pap-button-primary-outlined-default-text, var(--pap-color-text-brand, #0177A3))}:host([variant=outlined][color=primary]:not([disabled]).default) ::slotted(pap-icon),:host([variant=outlined][color=primary]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-primary-outlined-default-icon, var(--pap-color-icon-brand, #0177A3))}:host([variant=outlined][color=primary][loading=true]:not([disabled]).default)::after,:host([variant=outlined][color=primary][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-primary-outlined-default-icon, var(--pap-color-icon-brand, #0177A3))}:host([variant=outlined][color=primary]:not([disabled]).hover),:host([variant=outlined][color=primary]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-primary-outlined-hover-background, var(--pap-color-bg-brand-hover, #0050B3));color:var(--pap-button-primary-outlined-hover-text, var(--pap-color-text-onbrand-hover, #FFFFFF))}:host([variant=outlined][color=primary]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=outlined][color=primary]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-primary-outlined-hover-icon, var(--pap-color-icon-onbrand-hover, #FFFFFF))}:host([variant=outlined][color=primary][loading=true]:not([disabled]).hover)::after,:host([variant=outlined][color=primary][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-primary-outlined-hover-icon, var(--pap-color-icon-onbrand-hover, #FFFFFF))}:host([variant=outlined][color=primary]:not([disabled]).pressed),:host([variant=outlined][color=primary]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-primary-outlined-pressed-background, var(--pap-color-bg-brand-pressed, #002652));color:var(--pap-button-primary-outlined-pressed-text, var(--pap-color-text-onbrand-pressed, #FFFFFF))}:host([variant=outlined][color=primary]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=outlined][color=primary]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-primary-outlined-pressed-icon, var(--pap-color-icon-onbrand-pressed, #FFFFFF))}:host([variant=outlined][color=primary][loading=true]:not([disabled]).pressed)::after,:host([variant=outlined][color=primary][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-primary-outlined-pressed-icon, var(--pap-color-icon-onbrand-pressed, #FFFFFF))}:host([variant=clear][color=primary]:not([disabled]).default),:host([variant=clear][color=primary]:not([disabled])){color:var(--pap-button-primary-clear-default-text, var(--pap-color-text-brand, #0177A3))}:host([variant=clear][color=primary]:not([disabled]).default) ::slotted(pap-icon),:host([variant=clear][color=primary]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-primary-clear-default-icon, var(--pap-color-icon-brand, #0177A3))}:host([variant=clear][color=primary][loading=true]:not([disabled]).default)::after,:host([variant=clear][color=primary][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-primary-clear-default-icon, var(--pap-color-icon-brand, #0177A3))}:host([variant=clear][color=primary]:not([disabled]).hover),:host([variant=clear][color=primary]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-primary-clear-hover-background, var(--pap-color-bg-hover, #DADDE3));color:var(--pap-button-primary-clear-hover-text, var(--pap-color-text-brand-hover, #0050B3))}:host([variant=clear][color=primary]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=clear][color=primary]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-primary-clear-hover-icon, var(--pap-color-icon-brand-hover, #0050B3))}:host([variant=clear][color=primary][loading=true]:not([disabled]).hover)::after,:host([variant=clear][color=primary][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-primary-clear-hover-icon, var(--pap-color-icon-brand-hover, #0050B3))}:host([variant=clear][color=primary]:not([disabled]).pressed),:host([variant=clear][color=primary]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-primary-clear-pressed-background, var(--pap-color-bg-pressed, #C7CBD4));color:var(--pap-button-primary-clear-pressed-text, var(--pap-color-text-brand-pressed, #002652))}:host([variant=clear][color=primary]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=clear][color=primary]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-primary-clear-pressed-icon, var(--pap-color-icon-brand-pressed, #002652))}:host([variant=clear][color=primary][loading=true]:not([disabled]).pressed)::after,:host([variant=clear][color=primary][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-primary-clear-pressed-icon, var(--pap-color-icon-brand-pressed, #002652))}:host([variant=filled][color=secondary]:not([disabled]).default),:host([variant=filled][color=secondary]:not([disabled])){border-color:rgba(0,0,0,0);background-color:var(--pap-button-secondary-filled-default-background, var(--pap-color-bg-inverse, #29292F));color:var(--pap-button-secondary-filled-default-text, var(--pap-color-text-oninverse, #FFFFFF))}:host([variant=filled][color=secondary]:not([disabled]).default) ::slotted(pap-icon),:host([variant=filled][color=secondary]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-secondary-filled-default-icon, var(--pap-color-icon-oninverse, #FFFFFF))}:host([variant=filled][color=secondary][loading=true]:not([disabled]).default)::after,:host([variant=filled][color=secondary][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-secondary-filled-default-icon, var(--pap-color-icon-oninverse, #FFFFFF))}:host([variant=filled][color=secondary]:not([disabled]).hover),:host([variant=filled][color=secondary]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-secondary-filled-hover-background, var(--pap-color-bg-inverse-hover, #4D4E58));color:var(--pap-button-secondary-filled-hover-text, var(--pap-color-text-oninverse-hover, #FFFFFF))}:host([variant=filled][color=secondary]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=filled][color=secondary]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-secondary-filled-hover-icon, var(--pap-color-icon-oninverse-hover, #FFFFFF))}:host([variant=filled][color=secondary][loading=true]:not([disabled]).hover)::after,:host([variant=filled][color=secondary][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-secondary-filled-hover-icon, var(--pap-color-icon-oninverse-hover, #FFFFFF))}:host([variant=filled][color=secondary]:not([disabled]).pressed),:host([variant=filled][color=secondary]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-secondary-filled-pressed-background, var(--pap-color-bg-inverse-pressed, #6E7087));color:var(--pap-button-secondary-filled-pressed-text, var(--pap-color-text-oninverse-pressed, #FFFFFF))}:host([variant=filled][color=secondary]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=filled][color=secondary]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-secondary-filled-pressed-icon, var(--pap-color-icon-oninverse-pressed, #FFFFFF))}:host([variant=filled][color=secondary][loading=true]:not([disabled]).pressed)::after,:host([variant=filled][color=secondary][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-secondary-filled-pressed-icon, var(--pap-color-icon-oninverse-pressed, #FFFFFF))}:host([variant=outlined][color=secondary]:not([disabled]).default),:host([variant=outlined][color=secondary]:not([disabled])){border-color:var(--pap-button-secondary-outlined-default-border, var(--pap-color-border, #C7CBD4));color:var(--pap-button-secondary-outlined-default-text, var(--pap-color-text, #29292F))}:host([variant=outlined][color=secondary]:not([disabled]).default) ::slotted(pap-icon),:host([variant=outlined][color=secondary]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-secondary-outlined-default-icon, var(--pap-color-icon, #29292F))}:host([variant=outlined][color=secondary][loading=true]:not([disabled]).default)::after,:host([variant=outlined][color=secondary][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-secondary-outlined-default-icon, var(--pap-color-icon, #29292F))}:host([variant=outlined][color=secondary]:not([disabled]).hover),:host([variant=outlined][color=secondary]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-secondary-outlined-hover-background, var(--pap-color-bg-inverse-hover, #4D4E58));color:var(--pap-button-secondary-outlined-hover-text, var(--pap-color-text-oninverse-hover, #FFFFFF))}:host([variant=outlined][color=secondary]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=outlined][color=secondary]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-secondary-outlined-hover-icon, var(--pap-color-icon-oninverse-hover, #FFFFFF))}:host([variant=outlined][color=secondary][loading=true]:not([disabled]).hover)::after,:host([variant=outlined][color=secondary][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-secondary-outlined-hover-icon, var(--pap-color-icon-oninverse-hover, #FFFFFF))}:host([variant=outlined][color=secondary]:not([disabled]).pressed),:host([variant=outlined][color=secondary]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-secondary-outlined-pressed-background, var(--pap-color-bg-inverse-pressed, #6E7087));color:var(--pap-button-secondary-outlined-pressed-text, var(--pap-color-text-oninverse-pressed, #FFFFFF))}:host([variant=outlined][color=secondary]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=outlined][color=secondary]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-secondary-outlined-pressed-icon, var(--pap-color-icon-oninverse-pressed, #FFFFFF))}:host([variant=outlined][color=secondary][loading=true]:not([disabled]).pressed)::after,:host([variant=outlined][color=secondary][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-secondary-outlined-pressed-icon, var(--pap-color-icon-oninverse-pressed, #FFFFFF))}:host([variant=clear][color=secondary]:not([disabled]).default),:host([variant=clear][color=secondary]:not([disabled])){color:var(--pap-button-secondary-clear-default-text, var(--pap-color-text, #29292F))}:host([variant=clear][color=secondary]:not([disabled]).default) ::slotted(pap-icon),:host([variant=clear][color=secondary]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-secondary-clear-default-icon, var(--pap-color-icon, #29292F))}:host([variant=clear][color=secondary][loading=true]:not([disabled]).default)::after,:host([variant=clear][color=secondary][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-secondary-clear-default-icon, var(--pap-color-icon, #29292F))}:host([variant=clear][color=secondary]:not([disabled]).hover),:host([variant=clear][color=secondary]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-secondary-clear-hover-background, var(--pap-color-bg-hover, #DADDE3));color:var(--pap-button-secondary-clear-hover-text, var(--pap-color-text, #29292F))}:host([variant=clear][color=secondary]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=clear][color=secondary]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-secondary-clear-hover-icon, var(--pap-color-icon, #29292F))}:host([variant=clear][color=secondary][loading=true]:not([disabled]).hover)::after,:host([variant=clear][color=secondary][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-secondary-clear-hover-icon, var(--pap-color-icon, #29292F))}:host([variant=clear][color=secondary]:not([disabled]).pressed),:host([variant=clear][color=secondary]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-secondary-clear-pressed-background, var(--pap-color-bg-pressed, #C7CBD4));color:var(--pap-button-secondary-clear-pressed-text, var(--pap-color-text, #29292F))}:host([variant=clear][color=secondary]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=clear][color=secondary]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-secondary-clear-pressed-icon, var(--pap-color-icon, #29292F))}:host([variant=clear][color=secondary][loading=true]:not([disabled]).pressed)::after,:host([variant=clear][color=secondary][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-secondary-clear-pressed-icon, var(--pap-color-icon, #29292F))}:host([variant=filled][color=inverse]:not([disabled]).default),:host([variant=filled][color=inverse]:not([disabled])){border-color:rgba(0,0,0,0);background-color:var(--pap-button-inverse-filled-default-background, var(--pap-color-bg, #FFFFFF));color:var(--pap-button-inverse-filled-default-text, var(--pap-color-text, #29292F))}:host([variant=filled][color=inverse]:not([disabled]).default) ::slotted(pap-icon),:host([variant=filled][color=inverse]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-inverse-filled-default-icon, var(--pap-color-icon, #29292F))}:host([variant=filled][color=inverse][loading=true]:not([disabled]).default)::after,:host([variant=filled][color=inverse][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-inverse-filled-default-icon, var(--pap-color-icon, #29292F))}:host([variant=filled][color=inverse]:not([disabled]).hover),:host([variant=filled][color=inverse]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-inverse-filled-hover-background, var(--pap-color-bg-hover, #DADDE3));color:var(--pap-button-inverse-filled-hover-text, var(--pap-color-text, #29292F))}:host([variant=filled][color=inverse]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=filled][color=inverse]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-inverse-filled-hover-icon, var(--pap-color-icon, #29292F))}:host([variant=filled][color=inverse][loading=true]:not([disabled]).hover)::after,:host([variant=filled][color=inverse][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-inverse-filled-hover-icon, var(--pap-color-icon, #29292F))}:host([variant=filled][color=inverse]:not([disabled]).pressed),:host([variant=filled][color=inverse]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-inverse-filled-pressed-background, var(--pap-color-bg-pressed, #C7CBD4));color:var(--pap-button-inverse-filled-pressed-text, var(--pap-color-text, #29292F))}:host([variant=filled][color=inverse]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=filled][color=inverse]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-inverse-filled-pressed-icon, var(--pap-color-icon, #29292F))}:host([variant=filled][color=inverse][loading=true]:not([disabled]).pressed)::after,:host([variant=filled][color=inverse][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-inverse-filled-pressed-icon, var(--pap-color-icon, #29292F))}:host([variant=outlined][color=inverse]:not([disabled]).default),:host([variant=outlined][color=inverse]:not([disabled])){border-color:var(--pap-button-inverse-outlined-default-border, var(--pap-color-border-inverse-strong, #FFFFFF));color:var(--pap-button-inverse-outlined-default-text, var(--pap-color-text-oninverse, #FFFFFF))}:host([variant=outlined][color=inverse]:not([disabled]).default) ::slotted(pap-icon),:host([variant=outlined][color=inverse]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-inverse-outlined-default-icon, var(--pap-color-icon-oninverse, #FFFFFF))}:host([variant=outlined][color=inverse][loading=true]:not([disabled]).default)::after,:host([variant=outlined][color=inverse][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-inverse-outlined-default-icon, var(--pap-color-icon-oninverse, #FFFFFF))}:host([variant=outlined][color=inverse]:not([disabled]).hover),:host([variant=outlined][color=inverse]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-inverse-outlined-hover-background, var(--pap-color-bg-hover, #DADDE3));color:var(--pap-button-inverse-outlined-hover-text, var(--pap-color-text, #29292F))}:host([variant=outlined][color=inverse]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=outlined][color=inverse]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-inverse-outlined-hover-icon, var(--pap-color-icon, #29292F))}:host([variant=outlined][color=inverse][loading=true]:not([disabled]).hover)::after,:host([variant=outlined][color=inverse][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-inverse-outlined-hover-icon, var(--pap-color-icon, #29292F))}:host([variant=outlined][color=inverse]:not([disabled]).pressed),:host([variant=outlined][color=inverse]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-inverse-outlined-pressed-background, var(--pap-color-bg-pressed, #C7CBD4));color:var(--pap-button-inverse-outlined-pressed-text, var(--pap-color-text, #29292F))}:host([variant=outlined][color=inverse]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=outlined][color=inverse]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-inverse-outlined-pressed-icon, var(--pap-color-icon, #29292F))}:host([variant=outlined][color=inverse][loading=true]:not([disabled]).pressed)::after,:host([variant=outlined][color=inverse][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-inverse-outlined-pressed-icon, var(--pap-color-icon, #29292F))}:host([variant=clear][color=inverse]:not([disabled]).default),:host([variant=clear][color=inverse]:not([disabled])){color:var(--pap-button-inverse-clear-default-text, var(--pap-color-text-oninverse, #FFFFFF))}:host([variant=clear][color=inverse]:not([disabled]).default) ::slotted(pap-icon),:host([variant=clear][color=inverse]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-inverse-clear-default-icon, var(--pap-color-icon-oninverse, #FFFFFF))}:host([variant=clear][color=inverse][loading=true]:not([disabled]).default)::after,:host([variant=clear][color=inverse][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-inverse-clear-default-icon, var(--pap-color-icon-oninverse, #FFFFFF))}:host([variant=clear][color=inverse]:not([disabled]).hover),:host([variant=clear][color=inverse]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-inverse-clear-hover-background, var(--pap-color-bg-inverse-hover, #4D4E58));color:var(--pap-button-inverse-clear-hover-text, var(--pap-color-text-oninverse-hover, #FFFFFF))}:host([variant=clear][color=inverse]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=clear][color=inverse]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-inverse-clear-hover-icon, var(--pap-color-icon-oninverse-hover, #FFFFFF))}:host([variant=clear][color=inverse][loading=true]:not([disabled]).hover)::after,:host([variant=clear][color=inverse][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-inverse-clear-hover-icon, var(--pap-color-icon-oninverse-hover, #FFFFFF))}:host([variant=clear][color=inverse]:not([disabled]).pressed),:host([variant=clear][color=inverse]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-inverse-clear-pressed-background, var(--pap-color-bg-inverse-pressed, #6E7087));color:var(--pap-button-inverse-clear-pressed-text, var(--pap-color-text-oninverse-pressed, #FFFFFF))}:host([variant=clear][color=inverse]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=clear][color=inverse]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-inverse-clear-pressed-icon, var(--pap-color-icon-oninverse-pressed, #FFFFFF))}:host([variant=clear][color=inverse][loading=true]:not([disabled]).pressed)::after,:host([variant=clear][color=inverse][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-inverse-clear-pressed-icon, var(--pap-color-icon-oninverse-pressed, #FFFFFF))}:host([variant=filled][color=danger]:not([disabled]).default),:host([variant=filled][color=danger]:not([disabled])){border-color:rgba(0,0,0,0);background-color:var(--pap-button-danger-filled-default-background, var(--pap-color-bg-danger, #B70E1E));color:var(--pap-button-danger-filled-default-text, var(--pap-color-text-ondanger, #FFFFFF))}:host([variant=filled][color=danger]:not([disabled]).default) ::slotted(pap-icon),:host([variant=filled][color=danger]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-danger-filled-default-icon, var(--pap-color-icon-ondanger, #FFFFFF))}:host([variant=filled][color=danger][loading=true]:not([disabled]).default)::after,:host([variant=filled][color=danger][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-danger-filled-default-icon, var(--pap-color-icon-ondanger, #FFFFFF))}:host([variant=filled][color=danger]:not([disabled]).hover),:host([variant=filled][color=danger]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-danger-filled-hover-background, var(--pap-color-bg-danger-hover, #A3111F));color:var(--pap-button-danger-filled-hover-text, var(--pap-color-text-ondanger-hover, #FFFFFF))}:host([variant=filled][color=danger]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=filled][color=danger]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-danger-filled-hover-icon, var(--pap-color-icon-ondanger-hover, #FFFFFF))}:host([variant=filled][color=danger][loading=true]:not([disabled]).hover)::after,:host([variant=filled][color=danger][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-danger-filled-hover-icon, var(--pap-color-icon-ondanger-hover, #FFFFFF))}:host([variant=filled][color=danger]:not([disabled]).pressed),:host([variant=filled][color=danger]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-danger-filled-pressed-background, var(--pap-color-bg-danger-pressed, #871520));color:var(--pap-button-danger-filled-pressed-text, var(--pap-color-text-ondanger-pressed, #FFFFFF))}:host([variant=filled][color=danger]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=filled][color=danger]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-danger-filled-pressed-icon, var(--pap-color-icon-ondanger-pressed, #FFFFFF))}:host([variant=filled][color=danger][loading=true]:not([disabled]).pressed)::after,:host([variant=filled][color=danger][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-danger-filled-pressed-icon, var(--pap-color-icon-ondanger-pressed, #FFFFFF))}:host([variant=outlined][color=danger]:not([disabled]).default),:host([variant=outlined][color=danger]:not([disabled])){border-color:var(--pap-button-danger-outlined-default-border, var(--pap-color-border-danger, #B70E1E));color:var(--pap-button-danger-outlined-default-text, var(--pap-color-text-danger, #A3111F))}:host([variant=outlined][color=danger]:not([disabled]).default) ::slotted(pap-icon),:host([variant=outlined][color=danger]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-danger-outlined-default-icon, var(--pap-color-icon-danger, #A3111F))}:host([variant=outlined][color=danger][loading=true]:not([disabled]).default)::after,:host([variant=outlined][color=danger][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-danger-outlined-default-icon, var(--pap-color-icon-danger, #A3111F))}:host([variant=outlined][color=danger]:not([disabled]).hover),:host([variant=outlined][color=danger]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-danger-outlined-hover-background, var(--pap-color-bg-danger-hover, #A3111F));color:var(--pap-button-danger-outlined-hover-text, var(--pap-color-text-ondanger-hover, #FFFFFF))}:host([variant=outlined][color=danger]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=outlined][color=danger]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-danger-outlined-hover-icon, var(--pap-color-icon-ondanger-hover, #FFFFFF))}:host([variant=outlined][color=danger][loading=true]:not([disabled]).hover)::after,:host([variant=outlined][color=danger][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-danger-outlined-hover-icon, var(--pap-color-icon-ondanger-hover, #FFFFFF))}:host([variant=outlined][color=danger]:not([disabled]).pressed),:host([variant=outlined][color=danger]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-danger-outlined-pressed-background, var(--pap-color-bg-danger-pressed, #871520));color:var(--pap-button-danger-outlined-pressed-text, var(--pap-color-text-ondanger-pressed, #FFFFFF))}:host([variant=outlined][color=danger]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=outlined][color=danger]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-danger-outlined-pressed-icon, var(--pap-color-icon-ondanger-pressed, #FFFFFF))}:host([variant=outlined][color=danger][loading=true]:not([disabled]).pressed)::after,:host([variant=outlined][color=danger][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-danger-outlined-pressed-icon, var(--pap-color-icon-ondanger-pressed, #FFFFFF))}:host([variant=clear][color=danger]:not([disabled]).default),:host([variant=clear][color=danger]:not([disabled])){color:var(--pap-button-danger-clear-default-text, var(--pap-color-text-danger, #A3111F))}:host([variant=clear][color=danger]:not([disabled]).default) ::slotted(pap-icon),:host([variant=clear][color=danger]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-danger-clear-default-icon, var(--pap-color-icon-danger, #A3111F))}:host([variant=clear][color=danger][loading=true]:not([disabled]).default)::after,:host([variant=clear][color=danger][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-danger-clear-default-icon, var(--pap-color-icon-danger, #A3111F))}:host([variant=clear][color=danger]:not([disabled]).hover),:host([variant=clear][color=danger]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-danger-clear-hover-background, var(--pap-color-bg-danger-hover, #A3111F));color:var(--pap-button-danger-clear-hover-text, var(--pap-color-text-ondanger-hover, #FFFFFF))}:host([variant=clear][color=danger]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=clear][color=danger]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-danger-clear-hover-icon, var(--pap-color-icon-ondanger-hover, #FFFFFF))}:host([variant=clear][color=danger][loading=true]:not([disabled]).hover)::after,:host([variant=clear][color=danger][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-danger-clear-hover-icon, var(--pap-color-icon-ondanger-hover, #FFFFFF))}:host([variant=clear][color=danger]:not([disabled]).pressed),:host([variant=clear][color=danger]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-danger-clear-pressed-background, var(--pap-color-bg-danger-pressed, #871520));color:var(--pap-button-danger-clear-pressed-text, var(--pap-color-text-ondanger-pressed, #FFFFFF))}:host([variant=clear][color=danger]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=clear][color=danger]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-danger-clear-pressed-icon, var(--pap-color-icon-ondanger-pressed, #FFFFFF))}:host([variant=clear][color=danger][loading=true]:not([disabled]).pressed)::after,:host([variant=clear][color=danger][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-danger-clear-pressed-icon, var(--pap-color-icon-ondanger-pressed, #FFFFFF))}:host([variant=filled][color=success]:not([disabled]).default),:host([variant=filled][color=success]:not([disabled])){border-color:rgba(0,0,0,0);background-color:var(--pap-button-success-filled-default-background, var(--pap-color-bg-success, #2E701B));color:var(--pap-button-success-filled-default-text, var(--pap-color-text-onsuccess, #FFFFFF))}:host([variant=filled][color=success]:not([disabled]).default) ::slotted(pap-icon),:host([variant=filled][color=success]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-success-filled-default-icon, var(--pap-color-icon-onsuccess, #FFFFFF))}:host([variant=filled][color=success][loading=true]:not([disabled]).default)::after,:host([variant=filled][color=success][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-success-filled-default-icon, var(--pap-color-icon-onsuccess, #FFFFFF))}:host([variant=filled][color=success]:not([disabled]).hover),:host([variant=filled][color=success]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-success-filled-hover-background, var(--pap-color-bg-success-hover, #29591B));color:var(--pap-button-success-filled-hover-text, var(--pap-color-text-onsuccess-hover, #FFFFFF))}:host([variant=filled][color=success]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=filled][color=success]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-success-filled-hover-icon, var(--pap-color-icon-onsuccess-hover, #FFFFFF))}:host([variant=filled][color=success][loading=true]:not([disabled]).hover)::after,:host([variant=filled][color=success][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-success-filled-hover-icon, var(--pap-color-icon-onsuccess-hover, #FFFFFF))}:host([variant=filled][color=success]:not([disabled]).pressed),:host([variant=filled][color=success]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-success-filled-pressed-background, var(--pap-color-bg-success-pressed, #244C1B));color:var(--pap-button-success-filled-pressed-text, var(--pap-color-text-onsuccess-pressed, #FFFFFF))}:host([variant=filled][color=success]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=filled][color=success]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-success-filled-pressed-icon, var(--pap-color-icon-onsuccess-pressed, #FFFFFF))}:host([variant=filled][color=success][loading=true]:not([disabled]).pressed)::after,:host([variant=filled][color=success][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-success-filled-pressed-icon, var(--pap-color-icon-onsuccess-pressed, #FFFFFF))}:host([variant=outlined][color=success]:not([disabled]).default),:host([variant=outlined][color=success]:not([disabled])){border-color:var(--pap-button-success-outlined-default-border, var(--pap-color-border-success, #2E701B));color:var(--pap-button-success-outlined-default-text, var(--pap-color-text-success, #29591B))}:host([variant=outlined][color=success]:not([disabled]).default) ::slotted(pap-icon),:host([variant=outlined][color=success]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-success-outlined-default-icon, var(--pap-color-icon-success, #29591B))}:host([variant=outlined][color=success][loading=true]:not([disabled]).default)::after,:host([variant=outlined][color=success][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-success-outlined-default-icon, var(--pap-color-icon-success, #29591B))}:host([variant=outlined][color=success]:not([disabled]).hover),:host([variant=outlined][color=success]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-success-outlined-hover-background, var(--pap-color-bg-success-hover, #29591B));color:var(--pap-button-success-outlined-hover-text, var(--pap-color-text-onsuccess-hover, #FFFFFF))}:host([variant=outlined][color=success]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=outlined][color=success]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-success-outlined-hover-icon, var(--pap-color-icon-onsuccess-hover, #FFFFFF))}:host([variant=outlined][color=success][loading=true]:not([disabled]).hover)::after,:host([variant=outlined][color=success][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-success-outlined-hover-icon, var(--pap-color-icon-onsuccess-hover, #FFFFFF))}:host([variant=outlined][color=success]:not([disabled]).pressed),:host([variant=outlined][color=success]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-success-outlined-pressed-background, var(--pap-color-bg-success-pressed, #244C1B));color:var(--pap-button-success-outlined-pressed-text, var(--pap-color-text-onsuccess-pressed, #FFFFFF))}:host([variant=outlined][color=success]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=outlined][color=success]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-success-outlined-pressed-icon, var(--pap-color-icon-onsuccess-pressed, #FFFFFF))}:host([variant=outlined][color=success][loading=true]:not([disabled]).pressed)::after,:host([variant=outlined][color=success][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-success-outlined-pressed-icon, var(--pap-color-icon-onsuccess-pressed, #FFFFFF))}:host([variant=clear][color=success]:not([disabled]).default),:host([variant=clear][color=success]:not([disabled])){color:var(--pap-button-success-clear-default-text, var(--pap-color-text-success, #29591B))}:host([variant=clear][color=success]:not([disabled]).default) ::slotted(pap-icon),:host([variant=clear][color=success]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-success-clear-default-icon, var(--pap-color-icon-success, #29591B))}:host([variant=clear][color=success][loading=true]:not([disabled]).default)::after,:host([variant=clear][color=success][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-success-clear-default-icon, var(--pap-color-icon-success, #29591B))}:host([variant=clear][color=success]:not([disabled]).hover),:host([variant=clear][color=success]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-success-clear-hover-background, var(--pap-color-bg-success-hover, #29591B));color:var(--pap-button-success-clear-hover-text, var(--pap-color-text-onsuccess-hover, #FFFFFF))}:host([variant=clear][color=success]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=clear][color=success]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-success-clear-hover-icon, var(--pap-color-icon-onsuccess-hover, #FFFFFF))}:host([variant=clear][color=success][loading=true]:not([disabled]).hover)::after,:host([variant=clear][color=success][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-success-clear-hover-icon, var(--pap-color-icon-onsuccess-hover, #FFFFFF))}:host([variant=clear][color=success]:not([disabled]).pressed),:host([variant=clear][color=success]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-success-clear-pressed-background, var(--pap-color-bg-success-pressed, #244C1B));color:var(--pap-button-success-clear-pressed-text, var(--pap-color-text-onsuccess-pressed, #FFFFFF))}:host([variant=clear][color=success]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=clear][color=success]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-success-clear-pressed-icon, var(--pap-color-icon-onsuccess-pressed, #FFFFFF))}:host([variant=clear][color=success][loading=true]:not([disabled]).pressed)::after,:host([variant=clear][color=success][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-success-clear-pressed-icon, var(--pap-color-icon-onsuccess-pressed, #FFFFFF))}:host([variant=filled][color=warning]:not([disabled]).default),:host([variant=filled][color=warning]:not([disabled])){border-color:rgba(0,0,0,0);background-color:var(--pap-button-warning-filled-default-background, var(--pap-color-bg-warning, #FFA800));color:var(--pap-button-warning-filled-default-text, var(--pap-color-text-onwarning, #29292F))}:host([variant=filled][color=warning]:not([disabled]).default) ::slotted(pap-icon),:host([variant=filled][color=warning]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-warning-filled-default-icon, var(--pap-color-icon-onwarning, #29292F))}:host([variant=filled][color=warning][loading=true]:not([disabled]).default)::after,:host([variant=filled][color=warning][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-warning-filled-default-icon, var(--pap-color-icon-onwarning, #29292F))}:host([variant=filled][color=warning]:not([disabled]).hover),:host([variant=filled][color=warning]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-warning-filled-hover-background, var(--pap-color-bg-warning-hover, #E27F00));color:var(--pap-button-warning-filled-hover-text, var(--pap-color-text-onwarning-hover, #FFFFFF))}:host([variant=filled][color=warning]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=filled][color=warning]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-warning-filled-hover-icon, var(--pap-color-icon-onwarning-hover, #FFFFFF))}:host([variant=filled][color=warning][loading=true]:not([disabled]).hover)::after,:host([variant=filled][color=warning][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-warning-filled-hover-icon, var(--pap-color-icon-onwarning-hover, #FFFFFF))}:host([variant=filled][color=warning]:not([disabled]).pressed),:host([variant=filled][color=warning]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-warning-filled-pressed-background, var(--pap-color-bg-warning-pressed, #BB5802));color:var(--pap-button-warning-filled-pressed-text, var(--pap-color-text-onwarning-pressed, #FFFFFF))}:host([variant=filled][color=warning]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=filled][color=warning]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-warning-filled-pressed-icon, var(--pap-color-icon-onwarning-pressed, #FFFFFF))}:host([variant=filled][color=warning][loading=true]:not([disabled]).pressed)::after,:host([variant=filled][color=warning][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-warning-filled-pressed-icon, var(--pap-color-icon-onwarning-pressed, #FFFFFF))}:host([variant=outlined][color=warning]:not([disabled]).default),:host([variant=outlined][color=warning]:not([disabled])){border-color:var(--pap-button-warning-outlined-default-border, var(--pap-color-border-warning, #E27F00));color:var(--pap-button-warning-outlined-default-text, var(--pap-color-text-warning, #984308))}:host([variant=outlined][color=warning]:not([disabled]).default) ::slotted(pap-icon),:host([variant=outlined][color=warning]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-warning-outlined-default-icon, var(--pap-color-icon-warning, #E27F00))}:host([variant=outlined][color=warning][loading=true]:not([disabled]).default)::after,:host([variant=outlined][color=warning][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-warning-outlined-default-icon, var(--pap-color-icon-warning, #E27F00))}:host([variant=outlined][color=warning]:not([disabled]).hover),:host([variant=outlined][color=warning]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-warning-outlined-hover-background, var(--pap-color-bg-warning-hover, #E27F00));color:var(--pap-button-warning-outlined-hover-text, var(--pap-color-text-onwarning-hover, #FFFFFF))}:host([variant=outlined][color=warning]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=outlined][color=warning]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-warning-outlined-hover-icon, var(--pap-color-icon-onwarning-hover, #FFFFFF))}:host([variant=outlined][color=warning][loading=true]:not([disabled]).hover)::after,:host([variant=outlined][color=warning][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-warning-outlined-hover-icon, var(--pap-color-icon-onwarning-hover, #FFFFFF))}:host([variant=outlined][color=warning]:not([disabled]).pressed),:host([variant=outlined][color=warning]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-warning-outlined-pressed-background, var(--pap-color-bg-warning-pressed, #BB5802));color:var(--pap-button-warning-outlined-pressed-text, var(--pap-color-text-onwarning-pressed, #FFFFFF))}:host([variant=outlined][color=warning]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=outlined][color=warning]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-warning-outlined-pressed-icon, var(--pap-color-icon-onwarning-pressed, #FFFFFF))}:host([variant=outlined][color=warning][loading=true]:not([disabled]).pressed)::after,:host([variant=outlined][color=warning][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-warning-outlined-pressed-icon, var(--pap-color-icon-onwarning-pressed, #FFFFFF))}:host([variant=clear][color=warning]:not([disabled]).default),:host([variant=clear][color=warning]:not([disabled])){color:var(--pap-button-warning-clear-default-text, var(--pap-color-text-warning, #984308))}:host([variant=clear][color=warning]:not([disabled]).default) ::slotted(pap-icon),:host([variant=clear][color=warning]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-warning-clear-default-icon, var(--pap-color-icon-warning, #E27F00))}:host([variant=clear][color=warning][loading=true]:not([disabled]).default)::after,:host([variant=clear][color=warning][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-warning-clear-default-icon, var(--pap-color-icon-warning, #E27F00))}:host([variant=clear][color=warning]:not([disabled]).hover),:host([variant=clear][color=warning]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-warning-clear-hover-background, var(--pap-color-bg-warning-hover, #E27F00));color:var(--pap-button-warning-clear-hover-text, var(--pap-color-text-onwarning-hover, #FFFFFF))}:host([variant=clear][color=warning]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=clear][color=warning]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-warning-clear-hover-icon, var(--pap-color-icon-onwarning-hover, #FFFFFF))}:host([variant=clear][color=warning][loading=true]:not([disabled]).hover)::after,:host([variant=clear][color=warning][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-warning-clear-hover-icon, var(--pap-color-icon-onwarning-hover, #FFFFFF))}:host([variant=clear][color=warning]:not([disabled]).pressed),:host([variant=clear][color=warning]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-warning-clear-pressed-background, var(--pap-color-bg-warning-pressed, #BB5802));color:var(--pap-button-warning-clear-pressed-text, var(--pap-color-text-onwarning-pressed, #FFFFFF))}:host([variant=clear][color=warning]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=clear][color=warning]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-warning-clear-pressed-icon, var(--pap-color-icon-onwarning-pressed, #FFFFFF))}:host([variant=clear][color=warning][loading=true]:not([disabled]).pressed)::after,:host([variant=clear][color=warning][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-warning-clear-pressed-icon, var(--pap-color-icon-onwarning-pressed, #FFFFFF))}:host([disabled=true]){cursor:var(--pap-button-cursor-disabled, not-allowed);color:var(--pap-button-disabled-text, var(--pap-color-text-disabled, #A3A9B7))}:host([disabled=true]) ::slotted(pap-icon){color:var(--pap-button-icon-disabled, var(--pap-color-icon-disabled, #A3A9B7))}:host([variant=filled][disabled=true]){background-color:var(--pap-button-disabled-filled-background, var(--pap-color-bg-disabled, #DADDE3))}:host([variant=outlined][disabled=true]){border-color:var(--pap-button-disabled-outlined-border, var(--pap-color-border-disabled, #A3A9B7)) !important}:host(.focus),:host(:focus-visible){outline-offset:2px;outline:2px solid var(--pap-color-border-strong, #29292F) !important}:host([disabled=true]:focus),:host([disabled=true].focus),:host([disabled=true]:focus-visible),:host([disabled=true]:focus-within){outline:none !important}:host([loading=true])::after{content:"";position:absolute;top:50%;left:50%;width:var(--field-size-smaller, 24px);height:var(--field-size-smaller, 24px);border-radius:50%;display:inline-block;border-right:2px solid rgba(0,0,0,0);box-sizing:border-box;animation:spin 1s linear infinite}:host([loading=true]) pap-prefix-suffix-template,:host([loading=true]) ::slotted(*){display:none !important}:host([loading=true][mode=hug]){width:110px}:host([radius=none]){border-radius:var(--button-radius-none, var(--radius-none, 0px))}:host([radius=small]){border-radius:var(--button-radius-small, var(--radius-small, var(--radius-small, 4px)))}:host([radius=medium]){border-radius:var(--button-radius-medium, var(--radius-medium, var(--radius-medium, 8px)))}:host([radius=large]){border-radius:var(--button-radius-large, var(--radius-large, var(--radius-large, 16px)))}:host([radius=circular]){border-radius:var(--button-radius-circular, var(--radius-circular, var(--radius-max, 1000px)))}:host([size=small]){min-height:var(--pap-button-height-small, calc(var(--field-size-small, 32px) - 4px));height:fit-content}:host([size=small]:not([circle=true])){min-width:var(--pap-button-min-width-small, 4.5rem)}:host([circle=true][size=small]){min-width:auto !important;width:var(--pap-button-width-small, calc(var(--field-size-small, 32px) - 4px))}:host([circle=true][size=small]) pap-prefix-suffix-template{justify-content:center}:host([size=medium]){min-height:var(--pap-button-height-medium, calc(var(--field-size-medium, 40px) - 4px));height:fit-content}:host([size=medium]:not([circle=true])){min-width:var(--pap-button-min-width-medium, 5.625rem)}:host([circle=true][size=medium]){min-width:auto !important;width:var(--pap-button-width-medium, calc(var(--field-size-medium, 40px) - 4px))}:host([circle=true][size=medium]) pap-prefix-suffix-template{justify-content:center}:host([size=large]){min-height:var(--pap-button-height-large, calc(var(--unit-size7, 48px) - 4px));height:fit-content}:host([size=large]:not([circle=true])){min-width:var(--pap-button-min-width-large, 6.75rem)}:host([circle=true][size=large]){min-width:auto !important;width:var(--pap-button-width-large, calc(var(--unit-size7, 48px) - 4px))}:host([circle=true][size=large]) pap-prefix-suffix-template{justify-content:center}@keyframes spin{0%{transform:translate(-50%, -50%) rotate(0deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}`;
+"use strict";export const style=':host{cursor:var(--pap-button-cursor, pointer);-webkit-user-select:none;-ms-user-select:none;user-select:none;border-style:solid;border-width:2px;border-color:rgba(0,0,0,0);align-items:center;transition:background-color ease-in 80ms}:host pap-prefix-suffix-template{flex:1}:host pap-prefix-suffix-template::part(content){display:inline-flex;justify-content:center;align-items:center;gap:var(--button-content-gap, var(--gap-small, 8px))}:host(.content-flex-start) pap-prefix-suffix-template{flex:1}:host(.content-flex-start) pap-prefix-suffix-template::part(content){justify-content:flex-start;overflow-x:auto}:host([variant=outlined]:is(:active)),:host([variant=outlined]:is(:hover)){border-color:rgba(0,0,0,0) !important}:host(:not([circle=true])){padding-inline:var(--padding-small, 8px)}:host([mode=hug]){display:inline-flex}:host([mode=fill]){display:flex;width:100%;box-sizing:border-box}:host([text-variant=B1]),:host([text-variant=button1]){font-family:var(--typography-b1-fontfamily, "Libre Franklin", helvetica, sans-serif);font-size:var(--typography-b1-fontsize, 1rem);font-weight:var(--typography-b1-fontweight, 600);line-height:var(--typography-b1-lineheight, 140%);letter-spacing:var(--typography-b1-letterspacing, 0.01rem)}:host([color=secondary][variant=clear]:not([text-variant=B1]):not([text-variant=button1])),:host([color=inverse][variant=clear]:not([text-variant=B1]):not([text-variant=button1])),:host([text-variant=B2]),:host([text-variant=button2]){font-family:var(--typography-b2-fontfamily, "Libre Franklin", helvetica, sans-serif);font-size:var(--typography-b2-fontsize, 1rem);font-weight:var(--typography-b2-fontweight, 600);line-height:var(--typography-b2-lineheight, 140%);letter-spacing:var(--typography-b2-letterspacing, 0.01rem);text-decoration:underline}:host([variant=filled][color=primary]:not([disabled]).default),:host([variant=filled][color=primary]:not([disabled])){border-color:rgba(0,0,0,0);background-color:var(--pap-button-primary-filled-default-background, var(--pap-color-bg-brand, #009DD3));color:var(--pap-button-primary-filled-default-text, var(--pap-color-text-onbrand, #FFFFFF))}:host([variant=filled][color=primary]:not([disabled]).default) ::slotted(pap-icon),:host([variant=filled][color=primary]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-primary-filled-default-icon, var(--pap-color-icon-onbrand, #FFFFFF))}:host([variant=filled][color=primary][loading=true]:not([disabled]).default)::after,:host([variant=filled][color=primary][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-primary-filled-default-icon, var(--pap-color-icon-onbrand, #FFFFFF))}:host([variant=filled][color=primary]:not([disabled]).hover),:host([variant=filled][color=primary]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-primary-filled-hover-background, var(--pap-color-bg-brand-hover, #0050B3));color:var(--pap-button-primary-filled-hover-text, var(--pap-color-text-onbrand-hover, #FFFFFF))}:host([variant=filled][color=primary]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=filled][color=primary]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-primary-filled-hover-icon, var(--pap-color-icon-onbrand-hover, #FFFFFF))}:host([variant=filled][color=primary][loading=true]:not([disabled]).hover)::after,:host([variant=filled][color=primary][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-primary-filled-hover-icon, var(--pap-color-icon-onbrand-hover, #FFFFFF))}:host([variant=filled][color=primary]:not([disabled]).pressed),:host([variant=filled][color=primary]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-primary-filled-pressed-background, var(--pap-color-bg-brand-pressed, #002652));color:var(--pap-button-primary-filled-pressed-text, var(--pap-color-text-onbrand-pressed, #FFFFFF))}:host([variant=filled][color=primary]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=filled][color=primary]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-primary-filled-pressed-icon, var(--pap-color-icon-onbrand-pressed, #FFFFFF))}:host([variant=filled][color=primary][loading=true]:not([disabled]).pressed)::after,:host([variant=filled][color=primary][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-primary-filled-pressed-icon, var(--pap-color-icon-onbrand-pressed, #FFFFFF))}:host([variant=outlined][color=primary]:not([disabled]).default),:host([variant=outlined][color=primary]:not([disabled])){border-color:var(--pap-button-primary-outlined-default-border, var(--pap-color-border-brand, #009DD3));color:var(--pap-button-primary-outlined-default-text, var(--pap-color-text-brand, #0177A3))}:host([variant=outlined][color=primary]:not([disabled]).default) ::slotted(pap-icon),:host([variant=outlined][color=primary]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-primary-outlined-default-icon, var(--pap-color-icon-brand, #0177A3))}:host([variant=outlined][color=primary][loading=true]:not([disabled]).default)::after,:host([variant=outlined][color=primary][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-primary-outlined-default-icon, var(--pap-color-icon-brand, #0177A3))}:host([variant=outlined][color=primary]:not([disabled]).hover),:host([variant=outlined][color=primary]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-primary-outlined-hover-background, var(--pap-color-bg-brand-hover, #0050B3));color:var(--pap-button-primary-outlined-hover-text, var(--pap-color-text-onbrand-hover, #FFFFFF))}:host([variant=outlined][color=primary]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=outlined][color=primary]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-primary-outlined-hover-icon, var(--pap-color-icon-onbrand-hover, #FFFFFF))}:host([variant=outlined][color=primary][loading=true]:not([disabled]).hover)::after,:host([variant=outlined][color=primary][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-primary-outlined-hover-icon, var(--pap-color-icon-onbrand-hover, #FFFFFF))}:host([variant=outlined][color=primary]:not([disabled]).pressed),:host([variant=outlined][color=primary]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-primary-outlined-pressed-background, var(--pap-color-bg-brand-pressed, #002652));color:var(--pap-button-primary-outlined-pressed-text, var(--pap-color-text-onbrand-pressed, #FFFFFF))}:host([variant=outlined][color=primary]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=outlined][color=primary]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-primary-outlined-pressed-icon, var(--pap-color-icon-onbrand-pressed, #FFFFFF))}:host([variant=outlined][color=primary][loading=true]:not([disabled]).pressed)::after,:host([variant=outlined][color=primary][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-primary-outlined-pressed-icon, var(--pap-color-icon-onbrand-pressed, #FFFFFF))}:host([variant=clear][color=primary]:not([disabled]).default),:host([variant=clear][color=primary]:not([disabled])){color:var(--pap-button-primary-clear-default-text, var(--pap-color-text-brand, #0177A3))}:host([variant=clear][color=primary]:not([disabled]).default) ::slotted(pap-icon),:host([variant=clear][color=primary]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-primary-clear-default-icon, var(--pap-color-icon-brand, #0177A3))}:host([variant=clear][color=primary][loading=true]:not([disabled]).default)::after,:host([variant=clear][color=primary][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-primary-clear-default-icon, var(--pap-color-icon-brand, #0177A3))}:host([variant=clear][color=primary]:not([disabled]).hover),:host([variant=clear][color=primary]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-primary-clear-hover-background, var(--pap-color-bg-hover, #DADDE3));color:var(--pap-button-primary-clear-hover-text, var(--pap-color-text-brand-hover, #0050B3))}:host([variant=clear][color=primary]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=clear][color=primary]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-primary-clear-hover-icon, var(--pap-color-icon-brand-hover, #0050B3))}:host([variant=clear][color=primary][loading=true]:not([disabled]).hover)::after,:host([variant=clear][color=primary][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-primary-clear-hover-icon, var(--pap-color-icon-brand-hover, #0050B3))}:host([variant=clear][color=primary]:not([disabled]).pressed),:host([variant=clear][color=primary]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-primary-clear-pressed-background, var(--pap-color-bg-pressed, #C7CBD4));color:var(--pap-button-primary-clear-pressed-text, var(--pap-color-text-brand-pressed, #002652))}:host([variant=clear][color=primary]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=clear][color=primary]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-primary-clear-pressed-icon, var(--pap-color-icon-brand-pressed, #002652))}:host([variant=clear][color=primary][loading=true]:not([disabled]).pressed)::after,:host([variant=clear][color=primary][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-primary-clear-pressed-icon, var(--pap-color-icon-brand-pressed, #002652))}:host([variant=filled][color=secondary]:not([disabled]).default),:host([variant=filled][color=secondary]:not([disabled])){border-color:rgba(0,0,0,0);background-color:var(--pap-button-secondary-filled-default-background, var(--pap-color-bg-inverse, #29292F));color:var(--pap-button-secondary-filled-default-text, var(--pap-color-text-oninverse, #FFFFFF))}:host([variant=filled][color=secondary]:not([disabled]).default) ::slotted(pap-icon),:host([variant=filled][color=secondary]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-secondary-filled-default-icon, var(--pap-color-icon-oninverse, #FFFFFF))}:host([variant=filled][color=secondary][loading=true]:not([disabled]).default)::after,:host([variant=filled][color=secondary][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-secondary-filled-default-icon, var(--pap-color-icon-oninverse, #FFFFFF))}:host([variant=filled][color=secondary]:not([disabled]).hover),:host([variant=filled][color=secondary]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-secondary-filled-hover-background, var(--pap-color-bg-inverse-hover, #4D4E58));color:var(--pap-button-secondary-filled-hover-text, var(--pap-color-text-oninverse-hover, #FFFFFF))}:host([variant=filled][color=secondary]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=filled][color=secondary]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-secondary-filled-hover-icon, var(--pap-color-icon-oninverse-hover, #FFFFFF))}:host([variant=filled][color=secondary][loading=true]:not([disabled]).hover)::after,:host([variant=filled][color=secondary][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-secondary-filled-hover-icon, var(--pap-color-icon-oninverse-hover, #FFFFFF))}:host([variant=filled][color=secondary]:not([disabled]).pressed),:host([variant=filled][color=secondary]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-secondary-filled-pressed-background, var(--pap-color-bg-inverse-pressed, #6E7087));color:var(--pap-button-secondary-filled-pressed-text, var(--pap-color-text-oninverse-pressed, #FFFFFF))}:host([variant=filled][color=secondary]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=filled][color=secondary]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-secondary-filled-pressed-icon, var(--pap-color-icon-oninverse-pressed, #FFFFFF))}:host([variant=filled][color=secondary][loading=true]:not([disabled]).pressed)::after,:host([variant=filled][color=secondary][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-secondary-filled-pressed-icon, var(--pap-color-icon-oninverse-pressed, #FFFFFF))}:host([variant=outlined][color=secondary]:not([disabled]).default),:host([variant=outlined][color=secondary]:not([disabled])){border-color:var(--pap-button-secondary-outlined-default-border, var(--pap-color-border, #C7CBD4));color:var(--pap-button-secondary-outlined-default-text, var(--pap-color-text, #29292F))}:host([variant=outlined][color=secondary]:not([disabled]).default) ::slotted(pap-icon),:host([variant=outlined][color=secondary]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-secondary-outlined-default-icon, var(--pap-color-icon, #29292F))}:host([variant=outlined][color=secondary][loading=true]:not([disabled]).default)::after,:host([variant=outlined][color=secondary][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-secondary-outlined-default-icon, var(--pap-color-icon, #29292F))}:host([variant=outlined][color=secondary]:not([disabled]).hover),:host([variant=outlined][color=secondary]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-secondary-outlined-hover-background, var(--pap-color-bg-inverse-hover, #4D4E58));color:var(--pap-button-secondary-outlined-hover-text, var(--pap-color-text-oninverse-hover, #FFFFFF))}:host([variant=outlined][color=secondary]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=outlined][color=secondary]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-secondary-outlined-hover-icon, var(--pap-color-icon-oninverse-hover, #FFFFFF))}:host([variant=outlined][color=secondary][loading=true]:not([disabled]).hover)::after,:host([variant=outlined][color=secondary][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-secondary-outlined-hover-icon, var(--pap-color-icon-oninverse-hover, #FFFFFF))}:host([variant=outlined][color=secondary]:not([disabled]).pressed),:host([variant=outlined][color=secondary]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-secondary-outlined-pressed-background, var(--pap-color-bg-inverse-pressed, #6E7087));color:var(--pap-button-secondary-outlined-pressed-text, var(--pap-color-text-oninverse-pressed, #FFFFFF))}:host([variant=outlined][color=secondary]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=outlined][color=secondary]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-secondary-outlined-pressed-icon, var(--pap-color-icon-oninverse-pressed, #FFFFFF))}:host([variant=outlined][color=secondary][loading=true]:not([disabled]).pressed)::after,:host([variant=outlined][color=secondary][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-secondary-outlined-pressed-icon, var(--pap-color-icon-oninverse-pressed, #FFFFFF))}:host([variant=clear][color=secondary]:not([disabled]).default),:host([variant=clear][color=secondary]:not([disabled])){color:var(--pap-button-secondary-clear-default-text, var(--pap-color-text, #29292F))}:host([variant=clear][color=secondary]:not([disabled]).default) ::slotted(pap-icon),:host([variant=clear][color=secondary]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-secondary-clear-default-icon, var(--pap-color-icon, #29292F))}:host([variant=clear][color=secondary][loading=true]:not([disabled]).default)::after,:host([variant=clear][color=secondary][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-secondary-clear-default-icon, var(--pap-color-icon, #29292F))}:host([variant=clear][color=secondary]:not([disabled]).hover),:host([variant=clear][color=secondary]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-secondary-clear-hover-background, var(--pap-color-bg-hover, #DADDE3));color:var(--pap-button-secondary-clear-hover-text, var(--pap-color-text, #29292F))}:host([variant=clear][color=secondary]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=clear][color=secondary]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-secondary-clear-hover-icon, var(--pap-color-icon, #29292F))}:host([variant=clear][color=secondary][loading=true]:not([disabled]).hover)::after,:host([variant=clear][color=secondary][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-secondary-clear-hover-icon, var(--pap-color-icon, #29292F))}:host([variant=clear][color=secondary]:not([disabled]).pressed),:host([variant=clear][color=secondary]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-secondary-clear-pressed-background, var(--pap-color-bg-pressed, #C7CBD4));color:var(--pap-button-secondary-clear-pressed-text, var(--pap-color-text, #29292F))}:host([variant=clear][color=secondary]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=clear][color=secondary]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-secondary-clear-pressed-icon, var(--pap-color-icon, #29292F))}:host([variant=clear][color=secondary][loading=true]:not([disabled]).pressed)::after,:host([variant=clear][color=secondary][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-secondary-clear-pressed-icon, var(--pap-color-icon, #29292F))}:host([variant=filled][color=inverse]:not([disabled]).default),:host([variant=filled][color=inverse]:not([disabled])){border-color:rgba(0,0,0,0);background-color:var(--pap-button-inverse-filled-default-background, var(--pap-color-bg, #FFFFFF));color:var(--pap-button-inverse-filled-default-text, var(--pap-color-text, #29292F))}:host([variant=filled][color=inverse]:not([disabled]).default) ::slotted(pap-icon),:host([variant=filled][color=inverse]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-inverse-filled-default-icon, var(--pap-color-icon, #29292F))}:host([variant=filled][color=inverse][loading=true]:not([disabled]).default)::after,:host([variant=filled][color=inverse][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-inverse-filled-default-icon, var(--pap-color-icon, #29292F))}:host([variant=filled][color=inverse]:not([disabled]).hover),:host([variant=filled][color=inverse]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-inverse-filled-hover-background, var(--pap-color-bg-hover, #DADDE3));color:var(--pap-button-inverse-filled-hover-text, var(--pap-color-text, #29292F))}:host([variant=filled][color=inverse]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=filled][color=inverse]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-inverse-filled-hover-icon, var(--pap-color-icon, #29292F))}:host([variant=filled][color=inverse][loading=true]:not([disabled]).hover)::after,:host([variant=filled][color=inverse][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-inverse-filled-hover-icon, var(--pap-color-icon, #29292F))}:host([variant=filled][color=inverse]:not([disabled]).pressed),:host([variant=filled][color=inverse]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-inverse-filled-pressed-background, var(--pap-color-bg-pressed, #C7CBD4));color:var(--pap-button-inverse-filled-pressed-text, var(--pap-color-text, #29292F))}:host([variant=filled][color=inverse]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=filled][color=inverse]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-inverse-filled-pressed-icon, var(--pap-color-icon, #29292F))}:host([variant=filled][color=inverse][loading=true]:not([disabled]).pressed)::after,:host([variant=filled][color=inverse][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-inverse-filled-pressed-icon, var(--pap-color-icon, #29292F))}:host([variant=outlined][color=inverse]:not([disabled]).default),:host([variant=outlined][color=inverse]:not([disabled])){border-color:var(--pap-button-inverse-outlined-default-border, var(--pap-color-border-inverse-strong, #FFFFFF));color:var(--pap-button-inverse-outlined-default-text, var(--pap-color-text-oninverse, #FFFFFF))}:host([variant=outlined][color=inverse]:not([disabled]).default) ::slotted(pap-icon),:host([variant=outlined][color=inverse]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-inverse-outlined-default-icon, var(--pap-color-icon-oninverse, #FFFFFF))}:host([variant=outlined][color=inverse][loading=true]:not([disabled]).default)::after,:host([variant=outlined][color=inverse][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-inverse-outlined-default-icon, var(--pap-color-icon-oninverse, #FFFFFF))}:host([variant=outlined][color=inverse]:not([disabled]).hover),:host([variant=outlined][color=inverse]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-inverse-outlined-hover-background, var(--pap-color-bg-hover, #DADDE3));color:var(--pap-button-inverse-outlined-hover-text, var(--pap-color-text, #29292F))}:host([variant=outlined][color=inverse]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=outlined][color=inverse]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-inverse-outlined-hover-icon, var(--pap-color-icon, #29292F))}:host([variant=outlined][color=inverse][loading=true]:not([disabled]).hover)::after,:host([variant=outlined][color=inverse][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-inverse-outlined-hover-icon, var(--pap-color-icon, #29292F))}:host([variant=outlined][color=inverse]:not([disabled]).pressed),:host([variant=outlined][color=inverse]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-inverse-outlined-pressed-background, var(--pap-color-bg-pressed, #C7CBD4));color:var(--pap-button-inverse-outlined-pressed-text, var(--pap-color-text, #29292F))}:host([variant=outlined][color=inverse]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=outlined][color=inverse]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-inverse-outlined-pressed-icon, var(--pap-color-icon, #29292F))}:host([variant=outlined][color=inverse][loading=true]:not([disabled]).pressed)::after,:host([variant=outlined][color=inverse][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-inverse-outlined-pressed-icon, var(--pap-color-icon, #29292F))}:host([variant=clear][color=inverse]:not([disabled]).default),:host([variant=clear][color=inverse]:not([disabled])){color:var(--pap-button-inverse-clear-default-text, var(--pap-color-text-oninverse, #FFFFFF))}:host([variant=clear][color=inverse]:not([disabled]).default) ::slotted(pap-icon),:host([variant=clear][color=inverse]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-inverse-clear-default-icon, var(--pap-color-icon-oninverse, #FFFFFF))}:host([variant=clear][color=inverse][loading=true]:not([disabled]).default)::after,:host([variant=clear][color=inverse][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-inverse-clear-default-icon, var(--pap-color-icon-oninverse, #FFFFFF))}:host([variant=clear][color=inverse]:not([disabled]).hover),:host([variant=clear][color=inverse]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-inverse-clear-hover-background, var(--pap-color-bg-inverse-hover, #4D4E58));color:var(--pap-button-inverse-clear-hover-text, var(--pap-color-text-oninverse-hover, #FFFFFF))}:host([variant=clear][color=inverse]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=clear][color=inverse]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-inverse-clear-hover-icon, var(--pap-color-icon-oninverse-hover, #FFFFFF))}:host([variant=clear][color=inverse][loading=true]:not([disabled]).hover)::after,:host([variant=clear][color=inverse][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-inverse-clear-hover-icon, var(--pap-color-icon-oninverse-hover, #FFFFFF))}:host([variant=clear][color=inverse]:not([disabled]).pressed),:host([variant=clear][color=inverse]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-inverse-clear-pressed-background, var(--pap-color-bg-inverse-pressed, #6E7087));color:var(--pap-button-inverse-clear-pressed-text, var(--pap-color-text-oninverse-pressed, #FFFFFF))}:host([variant=clear][color=inverse]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=clear][color=inverse]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-inverse-clear-pressed-icon, var(--pap-color-icon-oninverse-pressed, #FFFFFF))}:host([variant=clear][color=inverse][loading=true]:not([disabled]).pressed)::after,:host([variant=clear][color=inverse][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-inverse-clear-pressed-icon, var(--pap-color-icon-oninverse-pressed, #FFFFFF))}:host([variant=filled][color=danger]:not([disabled]).default),:host([variant=filled][color=danger]:not([disabled])){border-color:rgba(0,0,0,0);background-color:var(--pap-button-danger-filled-default-background, var(--pap-color-bg-danger, #B70E1E));color:var(--pap-button-danger-filled-default-text, var(--pap-color-text-ondanger, #FFFFFF))}:host([variant=filled][color=danger]:not([disabled]).default) ::slotted(pap-icon),:host([variant=filled][color=danger]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-danger-filled-default-icon, var(--pap-color-icon-ondanger, #FFFFFF))}:host([variant=filled][color=danger][loading=true]:not([disabled]).default)::after,:host([variant=filled][color=danger][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-danger-filled-default-icon, var(--pap-color-icon-ondanger, #FFFFFF))}:host([variant=filled][color=danger]:not([disabled]).hover),:host([variant=filled][color=danger]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-danger-filled-hover-background, var(--pap-color-bg-danger-hover, #A3111F));color:var(--pap-button-danger-filled-hover-text, var(--pap-color-text-ondanger-hover, #FFFFFF))}:host([variant=filled][color=danger]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=filled][color=danger]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-danger-filled-hover-icon, var(--pap-color-icon-ondanger-hover, #FFFFFF))}:host([variant=filled][color=danger][loading=true]:not([disabled]).hover)::after,:host([variant=filled][color=danger][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-danger-filled-hover-icon, var(--pap-color-icon-ondanger-hover, #FFFFFF))}:host([variant=filled][color=danger]:not([disabled]).pressed),:host([variant=filled][color=danger]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-danger-filled-pressed-background, var(--pap-color-bg-danger-pressed, #871520));color:var(--pap-button-danger-filled-pressed-text, var(--pap-color-text-ondanger-pressed, #FFFFFF))}:host([variant=filled][color=danger]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=filled][color=danger]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-danger-filled-pressed-icon, var(--pap-color-icon-ondanger-pressed, #FFFFFF))}:host([variant=filled][color=danger][loading=true]:not([disabled]).pressed)::after,:host([variant=filled][color=danger][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-danger-filled-pressed-icon, var(--pap-color-icon-ondanger-pressed, #FFFFFF))}:host([variant=outlined][color=danger]:not([disabled]).default),:host([variant=outlined][color=danger]:not([disabled])){border-color:var(--pap-button-danger-outlined-default-border, var(--pap-color-border-danger, #B70E1E));color:var(--pap-button-danger-outlined-default-text, var(--pap-color-text-danger, #A3111F))}:host([variant=outlined][color=danger]:not([disabled]).default) ::slotted(pap-icon),:host([variant=outlined][color=danger]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-danger-outlined-default-icon, var(--pap-color-icon-danger, #A3111F))}:host([variant=outlined][color=danger][loading=true]:not([disabled]).default)::after,:host([variant=outlined][color=danger][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-danger-outlined-default-icon, var(--pap-color-icon-danger, #A3111F))}:host([variant=outlined][color=danger]:not([disabled]).hover),:host([variant=outlined][color=danger]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-danger-outlined-hover-background, var(--pap-color-bg-danger-hover, #A3111F));color:var(--pap-button-danger-outlined-hover-text, var(--pap-color-text-ondanger-hover, #FFFFFF))}:host([variant=outlined][color=danger]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=outlined][color=danger]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-danger-outlined-hover-icon, var(--pap-color-icon-ondanger-hover, #FFFFFF))}:host([variant=outlined][color=danger][loading=true]:not([disabled]).hover)::after,:host([variant=outlined][color=danger][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-danger-outlined-hover-icon, var(--pap-color-icon-ondanger-hover, #FFFFFF))}:host([variant=outlined][color=danger]:not([disabled]).pressed),:host([variant=outlined][color=danger]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-danger-outlined-pressed-background, var(--pap-color-bg-danger-pressed, #871520));color:var(--pap-button-danger-outlined-pressed-text, var(--pap-color-text-ondanger-pressed, #FFFFFF))}:host([variant=outlined][color=danger]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=outlined][color=danger]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-danger-outlined-pressed-icon, var(--pap-color-icon-ondanger-pressed, #FFFFFF))}:host([variant=outlined][color=danger][loading=true]:not([disabled]).pressed)::after,:host([variant=outlined][color=danger][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-danger-outlined-pressed-icon, var(--pap-color-icon-ondanger-pressed, #FFFFFF))}:host([variant=clear][color=danger]:not([disabled]).default),:host([variant=clear][color=danger]:not([disabled])){color:var(--pap-button-danger-clear-default-text, var(--pap-color-text-danger, #A3111F))}:host([variant=clear][color=danger]:not([disabled]).default) ::slotted(pap-icon),:host([variant=clear][color=danger]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-danger-clear-default-icon, var(--pap-color-icon-danger, #A3111F))}:host([variant=clear][color=danger][loading=true]:not([disabled]).default)::after,:host([variant=clear][color=danger][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-danger-clear-default-icon, var(--pap-color-icon-danger, #A3111F))}:host([variant=clear][color=danger]:not([disabled]).hover),:host([variant=clear][color=danger]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-danger-clear-hover-background, var(--pap-color-bg-danger-hover, #A3111F));color:var(--pap-button-danger-clear-hover-text, var(--pap-color-text-ondanger-hover, #FFFFFF))}:host([variant=clear][color=danger]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=clear][color=danger]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-danger-clear-hover-icon, var(--pap-color-icon-ondanger-hover, #FFFFFF))}:host([variant=clear][color=danger][loading=true]:not([disabled]).hover)::after,:host([variant=clear][color=danger][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-danger-clear-hover-icon, var(--pap-color-icon-ondanger-hover, #FFFFFF))}:host([variant=clear][color=danger]:not([disabled]).pressed),:host([variant=clear][color=danger]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-danger-clear-pressed-background, var(--pap-color-bg-danger-pressed, #871520));color:var(--pap-button-danger-clear-pressed-text, var(--pap-color-text-ondanger-pressed, #FFFFFF))}:host([variant=clear][color=danger]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=clear][color=danger]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-danger-clear-pressed-icon, var(--pap-color-icon-ondanger-pressed, #FFFFFF))}:host([variant=clear][color=danger][loading=true]:not([disabled]).pressed)::after,:host([variant=clear][color=danger][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-danger-clear-pressed-icon, var(--pap-color-icon-ondanger-pressed, #FFFFFF))}:host([variant=filled][color=success]:not([disabled]).default),:host([variant=filled][color=success]:not([disabled])){border-color:rgba(0,0,0,0);background-color:var(--pap-button-success-filled-default-background, var(--pap-color-bg-success, #2E701B));color:var(--pap-button-success-filled-default-text, var(--pap-color-text-onsuccess, #FFFFFF))}:host([variant=filled][color=success]:not([disabled]).default) ::slotted(pap-icon),:host([variant=filled][color=success]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-success-filled-default-icon, var(--pap-color-icon-onsuccess, #FFFFFF))}:host([variant=filled][color=success][loading=true]:not([disabled]).default)::after,:host([variant=filled][color=success][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-success-filled-default-icon, var(--pap-color-icon-onsuccess, #FFFFFF))}:host([variant=filled][color=success]:not([disabled]).hover),:host([variant=filled][color=success]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-success-filled-hover-background, var(--pap-color-bg-success-hover, #29591B));color:var(--pap-button-success-filled-hover-text, var(--pap-color-text-onsuccess-hover, #FFFFFF))}:host([variant=filled][color=success]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=filled][color=success]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-success-filled-hover-icon, var(--pap-color-icon-onsuccess-hover, #FFFFFF))}:host([variant=filled][color=success][loading=true]:not([disabled]).hover)::after,:host([variant=filled][color=success][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-success-filled-hover-icon, var(--pap-color-icon-onsuccess-hover, #FFFFFF))}:host([variant=filled][color=success]:not([disabled]).pressed),:host([variant=filled][color=success]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-success-filled-pressed-background, var(--pap-color-bg-success-pressed, #244C1B));color:var(--pap-button-success-filled-pressed-text, var(--pap-color-text-onsuccess-pressed, #FFFFFF))}:host([variant=filled][color=success]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=filled][color=success]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-success-filled-pressed-icon, var(--pap-color-icon-onsuccess-pressed, #FFFFFF))}:host([variant=filled][color=success][loading=true]:not([disabled]).pressed)::after,:host([variant=filled][color=success][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-success-filled-pressed-icon, var(--pap-color-icon-onsuccess-pressed, #FFFFFF))}:host([variant=outlined][color=success]:not([disabled]).default),:host([variant=outlined][color=success]:not([disabled])){border-color:var(--pap-button-success-outlined-default-border, var(--pap-color-border-success, #2E701B));color:var(--pap-button-success-outlined-default-text, var(--pap-color-text-success, #29591B))}:host([variant=outlined][color=success]:not([disabled]).default) ::slotted(pap-icon),:host([variant=outlined][color=success]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-success-outlined-default-icon, var(--pap-color-icon-success, #29591B))}:host([variant=outlined][color=success][loading=true]:not([disabled]).default)::after,:host([variant=outlined][color=success][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-success-outlined-default-icon, var(--pap-color-icon-success, #29591B))}:host([variant=outlined][color=success]:not([disabled]).hover),:host([variant=outlined][color=success]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-success-outlined-hover-background, var(--pap-color-bg-success-hover, #29591B));color:var(--pap-button-success-outlined-hover-text, var(--pap-color-text-onsuccess-hover, #FFFFFF))}:host([variant=outlined][color=success]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=outlined][color=success]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-success-outlined-hover-icon, var(--pap-color-icon-onsuccess-hover, #FFFFFF))}:host([variant=outlined][color=success][loading=true]:not([disabled]).hover)::after,:host([variant=outlined][color=success][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-success-outlined-hover-icon, var(--pap-color-icon-onsuccess-hover, #FFFFFF))}:host([variant=outlined][color=success]:not([disabled]).pressed),:host([variant=outlined][color=success]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-success-outlined-pressed-background, var(--pap-color-bg-success-pressed, #244C1B));color:var(--pap-button-success-outlined-pressed-text, var(--pap-color-text-onsuccess-pressed, #FFFFFF))}:host([variant=outlined][color=success]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=outlined][color=success]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-success-outlined-pressed-icon, var(--pap-color-icon-onsuccess-pressed, #FFFFFF))}:host([variant=outlined][color=success][loading=true]:not([disabled]).pressed)::after,:host([variant=outlined][color=success][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-success-outlined-pressed-icon, var(--pap-color-icon-onsuccess-pressed, #FFFFFF))}:host([variant=clear][color=success]:not([disabled]).default),:host([variant=clear][color=success]:not([disabled])){color:var(--pap-button-success-clear-default-text, var(--pap-color-text-success, #29591B))}:host([variant=clear][color=success]:not([disabled]).default) ::slotted(pap-icon),:host([variant=clear][color=success]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-success-clear-default-icon, var(--pap-color-icon-success, #29591B))}:host([variant=clear][color=success][loading=true]:not([disabled]).default)::after,:host([variant=clear][color=success][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-success-clear-default-icon, var(--pap-color-icon-success, #29591B))}:host([variant=clear][color=success]:not([disabled]).hover),:host([variant=clear][color=success]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-success-clear-hover-background, var(--pap-color-bg-success-hover, #29591B));color:var(--pap-button-success-clear-hover-text, var(--pap-color-text-onsuccess-hover, #FFFFFF))}:host([variant=clear][color=success]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=clear][color=success]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-success-clear-hover-icon, var(--pap-color-icon-onsuccess-hover, #FFFFFF))}:host([variant=clear][color=success][loading=true]:not([disabled]).hover)::after,:host([variant=clear][color=success][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-success-clear-hover-icon, var(--pap-color-icon-onsuccess-hover, #FFFFFF))}:host([variant=clear][color=success]:not([disabled]).pressed),:host([variant=clear][color=success]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-success-clear-pressed-background, var(--pap-color-bg-success-pressed, #244C1B));color:var(--pap-button-success-clear-pressed-text, var(--pap-color-text-onsuccess-pressed, #FFFFFF))}:host([variant=clear][color=success]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=clear][color=success]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-success-clear-pressed-icon, var(--pap-color-icon-onsuccess-pressed, #FFFFFF))}:host([variant=clear][color=success][loading=true]:not([disabled]).pressed)::after,:host([variant=clear][color=success][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-success-clear-pressed-icon, var(--pap-color-icon-onsuccess-pressed, #FFFFFF))}:host([variant=filled][color=warning]:not([disabled]).default),:host([variant=filled][color=warning]:not([disabled])){border-color:rgba(0,0,0,0);background-color:var(--pap-button-warning-filled-default-background, var(--pap-color-bg-warning, #FFA800));color:var(--pap-button-warning-filled-default-text, var(--pap-color-text-onwarning, #29292F))}:host([variant=filled][color=warning]:not([disabled]).default) ::slotted(pap-icon),:host([variant=filled][color=warning]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-warning-filled-default-icon, var(--pap-color-icon-onwarning, #29292F))}:host([variant=filled][color=warning][loading=true]:not([disabled]).default)::after,:host([variant=filled][color=warning][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-warning-filled-default-icon, var(--pap-color-icon-onwarning, #29292F))}:host([variant=filled][color=warning]:not([disabled]).hover),:host([variant=filled][color=warning]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-warning-filled-hover-background, var(--pap-color-bg-warning-hover, #E27F00));color:var(--pap-button-warning-filled-hover-text, var(--pap-color-text-onwarning-hover, #FFFFFF))}:host([variant=filled][color=warning]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=filled][color=warning]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-warning-filled-hover-icon, var(--pap-color-icon-onwarning-hover, #FFFFFF))}:host([variant=filled][color=warning][loading=true]:not([disabled]).hover)::after,:host([variant=filled][color=warning][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-warning-filled-hover-icon, var(--pap-color-icon-onwarning-hover, #FFFFFF))}:host([variant=filled][color=warning]:not([disabled]).pressed),:host([variant=filled][color=warning]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-warning-filled-pressed-background, var(--pap-color-bg-warning-pressed, #BB5802));color:var(--pap-button-warning-filled-pressed-text, var(--pap-color-text-onwarning-pressed, #FFFFFF))}:host([variant=filled][color=warning]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=filled][color=warning]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-warning-filled-pressed-icon, var(--pap-color-icon-onwarning-pressed, #FFFFFF))}:host([variant=filled][color=warning][loading=true]:not([disabled]).pressed)::after,:host([variant=filled][color=warning][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-warning-filled-pressed-icon, var(--pap-color-icon-onwarning-pressed, #FFFFFF))}:host([variant=outlined][color=warning]:not([disabled]).default),:host([variant=outlined][color=warning]:not([disabled])){border-color:var(--pap-button-warning-outlined-default-border, var(--pap-color-border-warning, #E27F00));color:var(--pap-button-warning-outlined-default-text, var(--pap-color-text-warning, #984308))}:host([variant=outlined][color=warning]:not([disabled]).default) ::slotted(pap-icon),:host([variant=outlined][color=warning]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-warning-outlined-default-icon, var(--pap-color-icon-warning, #E27F00))}:host([variant=outlined][color=warning][loading=true]:not([disabled]).default)::after,:host([variant=outlined][color=warning][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-warning-outlined-default-icon, var(--pap-color-icon-warning, #E27F00))}:host([variant=outlined][color=warning]:not([disabled]).hover),:host([variant=outlined][color=warning]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-warning-outlined-hover-background, var(--pap-color-bg-warning-hover, #E27F00));color:var(--pap-button-warning-outlined-hover-text, var(--pap-color-text-onwarning-hover, #FFFFFF))}:host([variant=outlined][color=warning]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=outlined][color=warning]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-warning-outlined-hover-icon, var(--pap-color-icon-onwarning-hover, #FFFFFF))}:host([variant=outlined][color=warning][loading=true]:not([disabled]).hover)::after,:host([variant=outlined][color=warning][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-warning-outlined-hover-icon, var(--pap-color-icon-onwarning-hover, #FFFFFF))}:host([variant=outlined][color=warning]:not([disabled]).pressed),:host([variant=outlined][color=warning]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-warning-outlined-pressed-background, var(--pap-color-bg-warning-pressed, #BB5802));color:var(--pap-button-warning-outlined-pressed-text, var(--pap-color-text-onwarning-pressed, #FFFFFF))}:host([variant=outlined][color=warning]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=outlined][color=warning]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-warning-outlined-pressed-icon, var(--pap-color-icon-onwarning-pressed, #FFFFFF))}:host([variant=outlined][color=warning][loading=true]:not([disabled]).pressed)::after,:host([variant=outlined][color=warning][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-warning-outlined-pressed-icon, var(--pap-color-icon-onwarning-pressed, #FFFFFF))}:host([variant=clear][color=warning]:not([disabled]).default),:host([variant=clear][color=warning]:not([disabled])){color:var(--pap-button-warning-clear-default-text, var(--pap-color-text-warning, #984308))}:host([variant=clear][color=warning]:not([disabled]).default) ::slotted(pap-icon),:host([variant=clear][color=warning]:not([disabled])) ::slotted(pap-icon){color:var(--pap-button-warning-clear-default-icon, var(--pap-color-icon-warning, #E27F00))}:host([variant=clear][color=warning][loading=true]:not([disabled]).default)::after,:host([variant=clear][color=warning][loading=true]:not([disabled]))::after{border-top:2px solid var(--pap-button-warning-clear-default-icon, var(--pap-color-icon-warning, #E27F00))}:host([variant=clear][color=warning]:not([disabled]).hover),:host([variant=clear][color=warning]:not([disabled]):hover){border-color:rgba(0,0,0,0);background-color:var(--pap-button-warning-clear-hover-background, var(--pap-color-bg-warning-hover, #E27F00));color:var(--pap-button-warning-clear-hover-text, var(--pap-color-text-onwarning-hover, #FFFFFF))}:host([variant=clear][color=warning]:not([disabled]).hover) ::slotted(pap-icon),:host([variant=clear][color=warning]:not([disabled]):hover) ::slotted(pap-icon){color:var(--pap-button-warning-clear-hover-icon, var(--pap-color-icon-onwarning-hover, #FFFFFF))}:host([variant=clear][color=warning][loading=true]:not([disabled]).hover)::after,:host([variant=clear][color=warning][loading=true]:not([disabled]):hover)::after{border-top:2px solid var(--pap-button-warning-clear-hover-icon, var(--pap-color-icon-onwarning-hover, #FFFFFF))}:host([variant=clear][color=warning]:not([disabled]).pressed),:host([variant=clear][color=warning]:not([disabled]):active){border-color:rgba(0,0,0,0);background-color:var(--pap-button-warning-clear-pressed-background, var(--pap-color-bg-warning-pressed, #BB5802));color:var(--pap-button-warning-clear-pressed-text, var(--pap-color-text-onwarning-pressed, #FFFFFF))}:host([variant=clear][color=warning]:not([disabled]).pressed) ::slotted(pap-icon),:host([variant=clear][color=warning]:not([disabled]):active) ::slotted(pap-icon){color:var(--pap-button-warning-clear-pressed-icon, var(--pap-color-icon-onwarning-pressed, #FFFFFF))}:host([variant=clear][color=warning][loading=true]:not([disabled]).pressed)::after,:host([variant=clear][color=warning][loading=true]:not([disabled]):active)::after{border-top:2px solid var(--pap-button-warning-clear-pressed-icon, var(--pap-color-icon-onwarning-pressed, #FFFFFF))}:host([disabled=true]){cursor:var(--pap-button-cursor-disabled, not-allowed);color:var(--pap-button-disabled-text, var(--pap-color-text-disabled, #A3A9B7))}:host([disabled=true]) ::slotted(pap-icon){color:var(--pap-button-icon-disabled, var(--pap-color-icon-disabled, #A3A9B7))}:host([variant=filled][disabled=true]){background-color:var(--pap-button-disabled-filled-background, var(--pap-color-bg-disabled, #DADDE3))}:host([variant=outlined][disabled=true]){border-color:var(--pap-button-disabled-outlined-border, var(--pap-color-border-disabled, #A3A9B7)) !important}:host(.focus),:host(:focus-visible){outline-offset:2px;outline:2px solid var(--pap-color-border-strong, #29292F) !important}:host([disabled=true]:focus),:host([disabled=true].focus),:host([disabled=true]:focus-visible),:host([disabled=true]:focus-within){outline:none !important}:host([loading=true])::after{content:"";position:absolute;top:50%;left:50%;width:var(--field-size-smaller, 24px);height:var(--field-size-smaller, 24px);border-radius:50%;display:inline-block;border-right:2px solid rgba(0,0,0,0);box-sizing:border-box;animation:spin 1s linear infinite}:host([loading=true]) pap-prefix-suffix-template,:host([loading=true]) ::slotted(*){display:none !important}:host([loading=true][mode=hug]){width:110px}:host([radius=none]){border-radius:var(--button-radius-none, var(--radius-none, 0px))}:host([radius=small]){border-radius:var(--button-radius-small, var(--radius-small, var(--radius-small, 4px)))}:host([radius=medium]){border-radius:var(--button-radius-medium, var(--radius-medium, var(--radius-medium, 8px)))}:host([radius=large]){border-radius:var(--button-radius-large, var(--radius-large, var(--radius-large, 16px)))}:host([radius=circular]){border-radius:var(--button-radius-circular, var(--radius-circular, var(--radius-max, 1000px)))}:host([size=small]){min-height:var(--pap-button-height-small, calc(var(--field-size-small, 32px) - 4px));height:fit-content}:host([size=small]:not([circle=true])){min-width:var(--pap-button-min-width-small, 4.5rem)}:host([circle=true][size=small]){min-width:auto !important;width:var(--pap-button-width-small, calc(var(--field-size-small, 32px) - 4px))}:host([circle=true][size=small]) pap-prefix-suffix-template{justify-content:center}:host([size=medium]){min-height:var(--pap-button-height-medium, calc(var(--field-size-medium, 40px) - 4px));height:fit-content}:host([size=medium]:not([circle=true])){min-width:var(--pap-button-min-width-medium, 5.625rem)}:host([circle=true][size=medium]){min-width:auto !important;width:var(--pap-button-width-medium, calc(var(--field-size-medium, 40px) - 4px))}:host([circle=true][size=medium]) pap-prefix-suffix-template{justify-content:center}:host([size=large]){min-height:var(--pap-button-height-large, calc(var(--unit-size7, 48px) - 4px));height:fit-content}:host([size=large]:not([circle=true])){min-width:var(--pap-button-min-width-large, 6.75rem)}:host([circle=true][size=large]){min-width:auto !important;width:var(--pap-button-width-large, calc(var(--unit-size7, 48px) - 4px))}:host([circle=true][size=large]) pap-prefix-suffix-template{justify-content:center}@keyframes spin{0%{transform:translate(-50%, -50%) rotate(0deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}';

dist/src/types.js

@@ -1,1 +0,1 @@
-export {};
+"use strict";export{};

package.json

 {
   "name": "@pap-it/button",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "scripts": {
@@ -29,3 +29,3 @@ "init": "sh .scripts/init.sh",
     "./wc": "./dist/register.bundle.mjs",
-    "./react": "./dist/react/index.ts"
+    "./react": "./dist/react/index.js"
   },
@@ -45,10 +45,10 @@ "author": "Henry Pap",
     "@pap-it/system-utils": "1.0.10",
-    "@pap-it/system-react": "0.0.5",
-    "@pap-it/templates-box": "1.0.11",
-    "@pap-it/templates-form-element": "1.0.11",
-    "@pap-it/templates-prefix-suffix": "1.0.11"
+    "@pap-it/system-react": "0.0.6",
+    "@pap-it/templates-box": "1.0.12",
+    "@pap-it/templates-form-element": "1.0.12",
+    "@pap-it/templates-prefix-suffix": "1.0.12"
   },
   "devDependencies": {
     "@babel/eslint-parser": "^7.23.3",
-    "@pap-it/system-doc": "1.0.16",
+    "@pap-it/system-doc": "1.0.17",
     "esbuild": "^0.17.18",
@@ -55,0 +55,0 @@ "eslint": "^8.53.0",

README.md

@@ -5,6 +5,7 @@ # Button
 
-Version: Version: Version: 1.0.11
+Version: Version: Version: 1.0.12
 
 
 
+
 ## Development
@@ -11,0 +12,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Number of lines in readme file

15

increased by7.14%

Worsened metrics

Total package byte prevSize

165449

decreased by-9.91%

Number of package files

18

decreased by-5.26%

Lines of code

722

decreased by-12.27%

Dependency changes

• + Added@pap-it/system-base@1.0.12(transitive)

• + Added@pap-it/system-react@0.0.6(transitive)

• + Added@pap-it/templates-box@1.0.12(transitive)

• + Added@pap-it/templates-form-element@1.0.12(transitive)

• + Added@pap-it/templates-prefix-suffix@1.0.12(transitive)

• - Removed@pap-it/system-base@1.0.11(transitive)

• - Removed@pap-it/system-react@0.0.5(transitive)

• - Removed@pap-it/templates-box@1.0.11(transitive)

• - Removed@pap-it/templates-form-element@1.0.11(transitive)

• - Removed@pap-it/templates-prefix-suffix@1.0.11(transitive)

• Updated@pap-it/system-react@0.0.6

• Updated@pap-it/templates-box@1.0.12

• Updated@pap-it/templates-form-element@1.0.12

• Updated@pap-it/templates-prefix-suffix@1.0.12