@pap-it/button - npm Package Compare versions

Comparing version 1.0.4 to 1.0.5

asset/translations/en.json

 {
+  "meta": {
+    "region": "GB",
+    "language": "en-UK"
+  },
   "package": "package"
 }

dist/src/component.d.ts

 import { Size, Radius } from '@pap-it/system-utils';
-import { FormElementTemplate } from '@pap-it/templates-form-element';
+import { FormElement } from '@pap-it/templates-form-element';
 import "@pap-it/templates-prefix-suffix/wc";
 import type { ButtonMode, ButtonVariant, ButtonColorVariant, ButtonTextType } from './types';
-export declare class Button extends FormElementTemplate {
+export declare class Button extends FormElement {
     static style: string;
@@ -7,0 +7,0 @@ type: "button" | "submit" | "reset";

dist/src/component.js

@@ -5,7 +5,7 @@ import { __decorate } from "tslib";
 // templates
-import { FormElementTemplate } from '@pap-it/templates-form-element';
+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 FormElementTemplate {
+export class Button extends FormElement {
     constructor() {
@@ -35,8 +35,8 @@ super(...arguments);
             }
-            else if (this.formElement) {
+            else if (this._internals.form) {
                 if (this.type === "submit") {
-                    this.formElement.requestSubmit();
+                    this._internals.form.requestSubmit();
                 }
                 else if (this.type === "reset") {
-                    this.formElement.reset();
+                    this._internals.form.reset();
                 }
@@ -101,2 +101,1 @@ }
 ], Button.prototype, "color", void 0);
-//# sourceMappingURL=component.js.map

dist/src/index.js

 export * from './component';
 export * from './types';
-//# sourceMappingURL=index.js.map
+//    *    <-- This is an asshole

dist/src/register.js

@@ -10,2 +10,1 @@ import { Button } from './component.js';
 }
-//# sourceMappingURL=register.js.map

dist/src/style.d.ts

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

@@ -1,896 +0,1 @@
-export const style = `:host {
-  cursor: var(--pap-button-cursor, pointer);
-  -webkit-user-select: none;
-  /* Safari */
-  -ms-user-select: none;
-  /* IE 10 and IE 11 */
-  user-select: none;
-  /* Standard syntax */
-  border-style: solid;
-  border-width: 2px;
-  border-color: transparent;
-  transition: background-color ease-in 80ms; }
-
-:host([variant="outlined"]:is(:active)),
-:host([variant="outlined"]:is(:hover)) {
-  border-color: transparent !important; }
-
-:host([mode="hug"]) {
-  display: inline-block; }
-
-:host([mode="fill"]) {
-  display: block;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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: transparent;
-  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 transparent;
-  box-sizing: border-box;
-  animation: spin 1s linear infinite;
-  /* This line sets up the animation */ }
-
-: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"]) pap-prefix-suffix-template {
-    min-height: var(--pap-button-height-small, calc(var(--field-size-small, 32px) - 4px));
-    height: 100%; }
-
-: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"]) pap-prefix-suffix-template {
-    min-height: var(--pap-button-height-medium, calc(var(--field-size-medium, 40px) - 4px));
-    height: 100%; }
-
-: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"]) pap-prefix-suffix-template {
-    min-height: var(--pap-button-height-large, calc(var(--unit-size7, 48px) - 4px));
-    height: 100%; }
-
-: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); } }`;
-//# sourceMappingURL=style.js.map
+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}: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

 export {};
-//# sourceMappingURL=types.js.map

package.json

 {
   "name": "@pap-it/button",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "scripts": {
@@ -8,4 +8,6 @@ "init": "sh .scripts/init.sh",
     "build": ".scripts/build.sh",
+    "react": "sh .scripts/helper/build-react.sh",
     "watch": ".scripts/watch.sh",
     "manual-publish": "sh .scripts/publish.sh",
+    "preversion": "sh .scripts/preversion.sh",
     "postversion": "sh .scripts/postversion.sh",
@@ -15,2 +17,3 @@ "combine": ".scripts/combine.sh && .scripts/start.sh combined",
     "isolate": "sh .scripts/isolate.sh",
+    "analyze": "sh .scripts/analyze.sh",
     "interactive": "sh .scripts/helper/build-interactive.sh",
@@ -23,7 +26,9 @@ "variations": "sh .scripts/helper/build-variations.sh",
     "asset/",
-    "dist/"
+    "dist/",
+    "react/"
   ],
   "exports": {
     ".": "./dist/src/index.js",
-    "./wc": "./dist/register.bundle.mjs"
+    "./wc": "./dist/register.bundle.mjs",
+    "./react": "./react/index.ts"
   },
@@ -42,15 +47,14 @@ "author": "Henry Pap",
   "dependencies": {
-    "@pap-it/system-utils": "1.0.4",
-    "@pap-it/templates-box": "1.0.4",
-    "@pap-it/templates-form-element": "1.0.4",
-    "@pap-it/templates-prefix-suffix": "1.0.4"
+    "@pap-it/system-utils": "1.0.5",
+    "@pap-it/templates-box": "1.0.5",
+    "@pap-it/templates-form-element": "1.0.5",
+    "@pap-it/templates-prefix-suffix": "1.0.5"
   },
   "devDependencies": {
     "@babel/eslint-parser": "^7.23.3",
-    "@pap-it/system-doc": "1.0.4",
+    "@pap-it/system-doc": "1.0.5",
     "esbuild": "^0.17.18",
     "eslint": "^8.53.0",
     "node-html-parser": "^6.1.5",
-    "node-sass": "^9.0.0",
-    "playwright": "^1.34.3",
+    "sass": "^1.70.0",
     "tslib": "^2.5.0",
@@ -57,0 +61,0 @@ "typescript": "^5.0.4"

README.md

@@ -5,3 +5,3 @@ # Button
 
-Version: 1.1.0
+Version: 1.0.5
 
@@ -8,0 +8,0 @@ ## Development

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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

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

Dev dependency count

8

decreased by-11.11%

Worsened metrics

Total package byte prevSize

122002

decreased by-51.93%

Number of package files

15

decreased by-25%

Lines of code

554

decreased by-69.03%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

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

• + Added@pap-it/system-utils@1.0.5(transitive)

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

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

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

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

• - Removed@pap-it/system-utils@1.0.4(transitive)

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

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

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

• Updated@pap-it/system-utils@1.0.5

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

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

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