@usecapsule/core-components 3.5.1-dev.2 → 3.5.1-dev.4

package/dist/cjs/cpsl-alert_34.cjs.entry.js

@@ -6271,7 +6271,7 @@ const CpslAvatar = class {
 };
 CpslAvatar.style = CpslAvatarStyle0;
 
-const cpslButtonCss = ":host{--button-border-width:1px;--button-border-width-start:var(--button-border-width);--button-border-width-end:var(--button-border-width);--button-border-width-top:var(--button-border-width);--button-border-width-bottom:var(--button-border-width);--button-gap:8px;--button-justify-content:center;--button-border-radius-top-start:var(--button-border-radius);--button-border-radius-top-end:var(--button-border-radius);--button-border-radius-bottom-end:var(--button-border-radius);--button-border-radius-bottom-start:var(--button-border-radius);--button-padding-start:16px;--button-padding-end:16px;--button-icon-size:var(--cpls-font-size-body-l);--button-font-weight:500;--button-primary-color:var(--cpsl-color-primary-button-text);--button-primary-background-color:var(--cpsl-color-primary-button-surface-default);--button-primary-border-color:var(--cpsl-color-primary-button-border-default);--button-primary-icon-color:var(--cpsl-color-primary-button-text);--button-primary-disabled-color:var(--cpsl-color-text-disabled);--button-primary-disabled-background-color:var(--cpsl-color-primary-button-surface-disabled);--button-primary-disabled-border-color:var(--cpsl-color-primary-button-border-disabled);--button-primary-disabled-icon-color:var(--cpsl-color-text-disabled);--button-primary-hover-color:var(--cpsl-color-primary-button-text);--button-primary-hover-background-color:var(--cpsl-color-primary-button-surface-hover);--button-primary-hover-border-color:var(--cpsl-color-primary-button-surface-hover);--button-primary-hover-icon-color:var(--cpsl-color-primary-button-text);--button-primary-active-color:var(--cpsl-color-primary-button-text);--button-primary-active-background-color:var(--cpsl-color-primary-button-surface-pressed);--button-primary-active-border-color:var(--cpsl-color-primary-button-surface-pressed);--button-primary-active-icon-color:var(--cpsl-color-primary-button-text);--button-secondary-color:var(--cpsl-color-secondary-button-text);--button-secondary-background-color:var(--cpsl-color-secondary-button-surface-default);--button-secondary-border-color:var(--cpsl-color-secondary-button-border-default);--button-secondary-icon-color:var(--cpsl-color-secondary-button-text);--button-secondary-disabled-color:var(--cpsl-color-text-disabled);--button-secondary-disabled-background-color:var(--cpsl-color-secondary-button-surface-disabled);--button-secondary-disabled-border-color:var(--cpsl-color-secondary-button-border-disabled);--button-secondary-disabled-icon-color:var(--cpsl-color-secondary-button-text);--button-secondary-hover-color:var(--cpsl-color-secondary-button-text);--button-secondary-hover-background-color:var(--cpsl-color-secondary-button-surface-hover);--button-secondary-hover-border-color:var(--cpsl-color-secondary-button-border-default);--button-secondary-hover-icon-color:var(--cpsl-color-secondary-button-text);--button-secondary-active-color:var(--cpsl-color-secondary-button-text);--button-secondary-active-background-color:var(--cpsl-color-secondary-button-surface-pressed);--button-secondary-active-border-color:var(--cpsl-color-secondary-button-border-default);--button-secondary-active-icon-color:var(--cpsl-color-secondary-button-text);--button-tertiary-color:var(--cpsl-color-tertiary-button-text);--button-tertiary-background-color:var(--cpsl-color-tertiary-button-surface-default);--button-tertiary-border-color:var(--cpsl-color-tertiary-button-border-default);--button-tertiary-icon-color:var(--cpsl-color-tertiary-button-text);--button-tertiary-disabled-color:var(--cpsl-color-text-disabled);--button-tertiary-disabled-background-color:var(--cpsl-color-tertiary-button-surface-disabled);--button-tertiary-disabled-border-color:var(--cpsl-color-tertiary-button-border-disabled);--button-tertiary-disabled-icon-color:var(--cpsl-color-tertiary-button-text);--button-tertiary-hover-color:var(--cpsl-color-tertiary-button-text);--button-tertiary-hover-background-color:var(--cpsl-color-tertiary-button-surface-hover);--button-tertiary-hover-border-color:var(--cpsl-color-tertiary-button-surface-hover);--button-tertiary-hover-icon-color:var(--cpsl-color-tertiary-button-text);--button-tertiary-active-color:var(--cpsl-color-tertiary-button-text);--button-tertiary-active-background-color:var(--cpsl-color-tertiary-button-surface-pressed);--button-tertiary-active-border-color:var(--cpsl-color-tertiary-button-surface-pressed);--button-tertiary-active-icon-color:var(--cpsl-color-tertiary-button-text);--button-ghost-color:var(--cpsl-color-ghost-button-default);--button-ghost-disabled-color:var(--cpsl-color-ghost-button-disabled);--button-ghost-hover-color:var(--cpsl-color-ghost-button-hover);--button-destructive-color:var(--cpsl-color-destructive-button-text);--button-destructive-background-color:var(--cpsl-color-destructive-button-surface-default);--button-destructive-border-color:var(--cpsl-color-destructive-button-border-default);--button-destructive-icon-color:var(--cpsl-color-destructive-button-text);--button-destructive-disabled-color:var(--cpsl-color-text-disabled);--button-destructive-disabled-background-color:var(--cpsl-color-destructive-button-surface-disabled);--button-destructive-disabled-border-color:var(--cpsl-color-destructive-button-border-disabled);--button-destructive-disabled-icon-color:var(--cpsl-color-destructive-button-text);--button-destructive-hover-color:var(--cpsl-color-destructive-button-text);--button-destructive-hover-background-color:var(--cpsl-color-destructive-button-surface-hover);--button-destructive-hover-border-color:var(--cpsl-color-destructive-button-border-default);--button-destructive-hover-icon-color:var(--cpsl-color-destructive-button-text);--button-destructive-active-color:var(--cpsl-color-destructive-button-text);--button-destructive-active-background-color:var(--cpsl-color-destructive-button-surface-pressed);--button-destructive-active-border-color:var(--cpsl-color-destructive-button-border-default);--button-destructive-active-icon-color:var(--cpsl-color-destructive-button-text);height:fit-content;width:fit-content;display:inline-block;font-family:var(--cpsl-font-family, inherit);-webkit-tap-highlight-color:transparent}:host a{height:fit-content;width:auto !important}:host(.full-width){width:100%;display:block}:host(.full-width) .button-native{width:100%}:host(.small){--button-font-size:var(--cpsl-font-size-body-s);--button-padding-top:12px;--button-padding-bottom:12px;--button-icon-size:var(--cpsl-font-size-body-m)}:host(.small.primary){--button-padding-top:13px;--button-padding-bottom:13px}:host(.small.tertiary){--button-padding-top:13px;--button-padding-bottom:13px}:host(.medium){--button-font-size:var(--cpsl-font-size-body-m);--button-padding-top:14px;--button-padding-bottom:14px;--button-icon-size:var(--cpsl-font-size-body-l)}:host(.medium) :host(.primary){--button-padding-top:15px;--button-padding-bottom:15px}:host(.medium) :host(.tertiary){--button-padding-top:15px;--button-padding-bottom:15px}:host(.medium.primary){--button-padding-top:15px;--button-padding-bottom:15px}:host(.medium.tertiary){--button-padding-top:15px;--button-padding-bottom:15px}:host(.disabled){cursor:default;pointer-events:none}:host ::slotted(cpsl-icon){--height:var(--button-icon-size);--width:var(--button-icon-size)}:host(.primary){--button-border-radius:var(--cpsl-border-radius-primary-button);--button-color:var(--button-primary-color);--button-background-color:var(--button-primary-background-color);--button-border-color:var(--button-primary-border-color);--button-padding-start:17px;--button-padding-end:17px;--button-border-width:0px}:host(.primary) ::slotted(cpsl-icon){--icon-color:var(--button-primary-icon-color)}:host(.primary):host(.disabled){--button-color:var(--button-primary-disabled-color);--button-background-color:var(--button-primary-disabled-background-color);--button-border-color:var(--button-primary-disabled-border-color);--button-outline-color:transparent}:host(.primary):host(.disabled) ::slotted(cpsl-icon){--icon-color:var(--button-primary-disabled-icon-color)}:host(.primary):host(.disabled) ::slotted(cpsl-spinner){--background-color:var(--button-primary-disabled-background-color)}:host(.primary) :not(.disabled):hover{--button-color:var(--button-primary-hover-color);--button-background-color:var(--button-primary-hover-background-color);--button-border-color:var(--button-primary-hover-border-color)}:host(.primary) :not(.disabled):hover ::slotted(cpsl-icon){--icon-color:var(--button-primary-hover-icon-color)}:host(.primary) :not(.disabled):active{--button-color:var(--button-primary-active-color);--button-background-color:var(--button-primary-active-background-color);--button-border-color:var(--button-primary-active-border-color)}:host(.primary) :not(.disabled):active ::slotted(cpsl-icon){--icon-color:var(--button-primary-active-icon-color)}:host(.primary) :not(.disabled):focus-visible{--button-outline-color:var(--cpsl-color-primary-button-outline)}:host(.secondary){--button-border-radius:var(--cpsl-border-radius-destructive-button);--button-color:var(--button-secondary-color);--button-background-color:var(--button-secondary-background-color);--button-border-color:var(--button-secondary-border-color)}:host(.secondary) ::slotted(cpsl-icon){--icon-color:var(--button-secondary-icon-color)}:host(.secondary):host(.disabled){--button-color:var(--button-secondary-disabled-color);--button-background-color:var(--button-secondary-disabled-background-color);--button-border-color:var(--button-secondary-disabled-border-color);--button-outline-color:transparent}:host(.secondary):host(.disabled) ::slotted(cpsl-icon){--icon-color:var(--button-secondary-disabled-icon-color)}:host(.secondary):host(.disabled) ::slotted(cpsl-spinner){--background-color:var(--button-secondary-disabled-icon-color)}:host(.secondary) :not(.disabled):hover{--button-color:var(--button-secondary-hover-color);--button-border-color:var(--button-secondary-hover-border-color);--button-background-color:var(--button-secondary-hover-background-color)}:host(.secondary) :not(.disabled):hover ::slotted(cpsl-icon){--icon-color:var(--button-secondary-hover-icon-color)}:host(.secondary) :not(.disabled):active{--button-color:var(--button-secondary-active-color);--button-border-color:var(--button-secondary-active-border-color);--button-background-color:var(--button-secondary-active-background-color)}:host(.secondary) :not(.disabled):active ::slotted(cpsl-icon){--icon-color:var(--button-secondary-active-icon-color)}:host(.secondary) :not(.disabled):focus-visible{--button-outline-color:var(--cpsl-color-secondary-button-outline)}:host(.tertiary){--button-border-radius:var(--cpsl-border-radius-tertiary-button);--button-color:var(--button-tertiary-color);--button-background-color:var(--button-tertiary-background-color);--button-border-color:var(--button-tertiary-border-color);--button-padding-start:17px;--button-padding-end:17px;--button-border-width:0px}:host(.tertiary) ::slotted(cpsl-icon){--icon-color:var(--button-tertiary-icon-color)}:host(.tertiary):host(.disabled){--button-color:var(--button-tertiary-disabled-color);--button-background-color:var(--button-tertiary-disabled-background-color);--button-border-color:var(--button-tertiary-disabled-border-color);--button-outline-color:transparent}:host(.tertiary):host(.disabled) ::slotted(cpsl-icon){--icon-color:var(--button-tertiary-disabled-icon-color)}:host(.tertiary):host(.disabled) ::slotted(cpsl-spinner){--background-color:var(--button-tertiary-disabled-icon-color)}:host(.tertiary) :not(.disabled):hover{--button-color:var(--button-tertiary-hover-color);--button-background-color:var(--button-tertiary-hover-background-color);--button-border-color:var(--button-tertiary-hover-border-color)}:host(.tertiary) :not(.disabled):hover ::slotted(cpsl-icon){--icon-color:var(--button-tertiary-hover-icon-color)}:host(.tertiary) :not(.disabled):active{--button-color:var(--button-tertiary-active-color);--button-background-color:var(--button-tertiary-active-background-color);--button-border-color:var(--button-tertiary-active-border-color)}:host(.tertiary) :not(.disabled):active ::slotted(cpsl-icon){--icon-color:var(--button-tertiary-active-icon-color)}:host(.tertiary) :not(.disabled):focus-visible{--button-outline-color:var(--cpsl-color-tertiary-button-outline)}:host(.ghost){--button-color:var(--button-ghost-color);--button-background-color:transparent;--button-border-color:transparent;--button-outline-color:transparent;--button-padding-start:0px;--button-padding-end:0px;--button-padding-top:0px;--button-padding-bottom:0px;--button-border-width:0px}:host(.ghost) ::slotted(cpsl-icon){--icon-color:var(--button-ghost-color)}:host(.ghost):host(.disabled){--button-color:var(--button-ghost-disabled-color)}:host(.ghost):host(.disabled) ::slotted(cpsl-icon){--icon-color:var(--button-ghost-disabled-color)}:host(.ghost):host(.disabled) ::slotted(cpsl-spinner){--background-color:var(--button-ghost-disabled-color)}:host(.ghost) :not(.disabled):hover{--button-color:var(--button-ghost-hover-color)}:host(.ghost) :not(.disabled):hover ::slotted(cpsl-icon){--icon-color:var(--button-ghost-hover-color)}:host(.destructive){--button-border-radius:var(--cpsl-border-radius-secondary-button);--button-color:var(--button-destructive-color);--button-background-color:var(--button-destructive-background-color);--button-border-color:var(--button-destructive-border-color)}:host(.destructive) ::slotted(cpsl-icon){--icon-color:var(--button-destructive-icon-color)}:host(.destructive):host(.disabled){--button-color:var(--button-destructive-disabled-color);--button-background-color:var(--button-destructive-disabled-background-color);--button-border-color:var(--button-destructive-disabled-border-color);--button-outline-color:transparent}:host(.destructive):host(.disabled) ::slotted(cpsl-icon){--icon-color:var(--button-destructive-disabled-icon-color)}:host(.destructive) :not(.disabled):hover{--button-color:var(--button-destructive-hover-color);--button-border-color:var(--button-destructive-hover-border-color);--button-background-color:var(--button-destructive-hover-background-color)}:host(.destructive) :not(.disabled):hover ::slotted(cpsl-icon){--icon-color:var(--button-destructive-hover-icon-color)}:host(.destructive) :not(.disabled):active{--button-color:var(--button-destructive-active-color);--button-border-color:var(--button-destructive-active-border-color);--button-background-color:var(--button-destructive-active-background-color)}:host(.destructive) :not(.disabled):active ::slotted(cpsl-icon){--icon-color:var(--button-destructive-active-icon-color)}:host(.destructive) :not(.disabled):focus-visible{--button-outline-color:var(--cpsl-color-destructive-button-outline)}.button-native{border-top-left-radius:var(--button-border-radius-top-start);border-top-right-radius:var(--button-border-radius-top-end);border-bottom-right-radius:var(--button-border-radius-bottom-end);border-bottom-left-radius:var(--button-border-radius-bottom-start);-webkit-padding-start:var(--button-padding-start);padding-inline-start:var(--button-padding-start);-webkit-padding-end:var(--button-padding-end);padding-inline-end:var(--button-padding-end);padding-top:var(--button-padding-top);padding-bottom:var(--button-padding-bottom);font-size:var(--button-font-size);font-weight:var(--button-font-weight);font-family:inherit;white-space:nowrap;text-decoration:none;border:0px solid transparent;border-width:var(--button-border-width-top) var(--button-border-width-end) var(--button-border-width-bottom) var(--button-border-width-start);cursor:pointer;color:var(--button-color);background:var(--button-background-color);border-color:var(--button-border-color);display:flex;justify-content:var(--button-justify-content);align-items:center;height:100%;gap:var(--button-gap);word-break:break-all;outline-color:var(--button-outline-color);-webkit-tap-highlight-color:transparent}:host-context([dir=rtl]) .button-native{border-top-left-radius:var(--button-border-radius-top-end);border-top-right-radius:var(--button-border-radius-top-start);border-bottom-right-radius:var(--button-border-radius-bottom-start);border-bottom-left-radius:var(--button-border-radius-bottom-end)}[dir=rtl] .button-native{border-top-left-radius:var(--button-border-radius-top-end);border-top-right-radius:var(--button-border-radius-top-start);border-bottom-right-radius:var(--button-border-radius-bottom-start);border-bottom-left-radius:var(--button-border-radius-bottom-end)}@supports selector(:dir(rtl)){.button-native:dir(rtl){border-top-left-radius:var(--button-border-radius-top-end);border-top-right-radius:var(--button-border-radius-top-start);border-bottom-right-radius:var(--button-border-radius-bottom-start);border-bottom-left-radius:var(--button-border-radius-bottom-end)}}:host ::slotted(cpsl-text){color:var(--button-color)}:host ::slotted(cpsl-icon-group){--container-border-color:var(--button-background-color)}:host ::slotted(cpsl-spinner){--background-color:var(--button-background-color)}";
+const cpslButtonCss = ":host{--button-border-width:1px;--button-border-width-start:var(--button-border-width);--button-border-width-end:var(--button-border-width);--button-border-width-top:var(--button-border-width);--button-border-width-bottom:var(--button-border-width);--button-gap:8px;--button-justify-content:center;--button-border-radius-top-start:var(--button-border-radius);--button-border-radius-top-end:var(--button-border-radius);--button-border-radius-bottom-end:var(--button-border-radius);--button-border-radius-bottom-start:var(--button-border-radius);--button-padding-start:16px;--button-padding-end:16px;--button-icon-size:var(--cpls-font-size-body-l);--button-font-weight:500;--button-primary-color:var(--cpsl-color-primary-button-text);--button-primary-background-color:var(--cpsl-color-primary-button-surface-default);--button-primary-border-color:var(--cpsl-color-primary-button-border-default);--button-primary-icon-color:var(--cpsl-color-primary-button-text);--button-primary-disabled-color:var(--cpsl-color-text-disabled);--button-primary-disabled-background-color:var(--cpsl-color-primary-button-surface-disabled);--button-primary-disabled-border-color:var(--cpsl-color-primary-button-border-disabled);--button-primary-disabled-icon-color:var(--cpsl-color-text-disabled);--button-primary-hover-color:var(--cpsl-color-primary-button-text);--button-primary-hover-background-color:var(--cpsl-color-primary-button-surface-hover);--button-primary-hover-border-color:var(--cpsl-color-primary-button-surface-hover);--button-primary-hover-icon-color:var(--cpsl-color-primary-button-text);--button-primary-active-color:var(--cpsl-color-primary-button-text);--button-primary-active-background-color:var(--cpsl-color-primary-button-surface-pressed);--button-primary-active-border-color:var(--cpsl-color-primary-button-surface-pressed);--button-primary-active-icon-color:var(--cpsl-color-primary-button-text);--button-secondary-color:var(--cpsl-color-secondary-button-text);--button-secondary-background-color:var(--cpsl-color-secondary-button-surface-default);--button-secondary-border-color:var(--cpsl-color-secondary-button-border-default);--button-secondary-icon-color:var(--cpsl-color-secondary-button-text);--button-secondary-disabled-color:var(--cpsl-color-text-disabled);--button-secondary-disabled-background-color:var(--cpsl-color-secondary-button-surface-disabled);--button-secondary-disabled-border-color:var(--cpsl-color-secondary-button-border-disabled);--button-secondary-disabled-icon-color:var(--cpsl-color-secondary-button-text);--button-secondary-hover-color:var(--cpsl-color-secondary-button-text);--button-secondary-hover-background-color:var(--cpsl-color-secondary-button-surface-hover);--button-secondary-hover-border-color:var(--cpsl-color-secondary-button-border-default);--button-secondary-hover-icon-color:var(--cpsl-color-secondary-button-text);--button-secondary-active-color:var(--cpsl-color-secondary-button-text);--button-secondary-active-background-color:var(--cpsl-color-secondary-button-surface-pressed);--button-secondary-active-border-color:var(--cpsl-color-secondary-button-border-default);--button-secondary-active-icon-color:var(--cpsl-color-secondary-button-text);--button-tertiary-color:var(--cpsl-color-tertiary-button-text);--button-tertiary-background-color:var(--cpsl-color-tertiary-button-surface-default);--button-tertiary-border-color:var(--cpsl-color-tertiary-button-border-default);--button-tertiary-icon-color:var(--cpsl-color-tertiary-button-text);--button-tertiary-disabled-color:var(--cpsl-color-text-disabled);--button-tertiary-disabled-background-color:var(--cpsl-color-tertiary-button-surface-disabled);--button-tertiary-disabled-border-color:var(--cpsl-color-tertiary-button-border-disabled);--button-tertiary-disabled-icon-color:var(--cpsl-color-tertiary-button-text);--button-tertiary-hover-color:var(--cpsl-color-tertiary-button-text);--button-tertiary-hover-background-color:var(--cpsl-color-tertiary-button-surface-hover);--button-tertiary-hover-border-color:var(--cpsl-color-tertiary-button-surface-hover);--button-tertiary-hover-icon-color:var(--cpsl-color-tertiary-button-text);--button-tertiary-active-color:var(--cpsl-color-tertiary-button-text);--button-tertiary-active-background-color:var(--cpsl-color-tertiary-button-surface-pressed);--button-tertiary-active-border-color:var(--cpsl-color-tertiary-button-surface-pressed);--button-tertiary-active-icon-color:var(--cpsl-color-tertiary-button-text);--button-ghost-color:var(--cpsl-color-ghost-button-default);--button-ghost-disabled-color:var(--cpsl-color-ghost-button-disabled);--button-ghost-hover-color:var(--cpsl-color-ghost-button-hover);--button-destructive-color:var(--cpsl-color-destructive-button-text);--button-destructive-background-color:var(--cpsl-color-destructive-button-surface-default);--button-destructive-border-color:var(--cpsl-color-destructive-button-border-default);--button-destructive-icon-color:var(--cpsl-color-destructive-button-text);--button-destructive-disabled-color:var(--cpsl-color-text-disabled);--button-destructive-disabled-background-color:var(--cpsl-color-destructive-button-surface-disabled);--button-destructive-disabled-border-color:var(--cpsl-color-destructive-button-border-disabled);--button-destructive-disabled-icon-color:var(--cpsl-color-destructive-button-text);--button-destructive-hover-color:var(--cpsl-color-destructive-button-text);--button-destructive-hover-background-color:var(--cpsl-color-destructive-button-surface-hover);--button-destructive-hover-border-color:var(--cpsl-color-destructive-button-border-default);--button-destructive-hover-icon-color:var(--cpsl-color-destructive-button-text);--button-destructive-active-color:var(--cpsl-color-destructive-button-text);--button-destructive-active-background-color:var(--cpsl-color-destructive-button-surface-pressed);--button-destructive-active-border-color:var(--cpsl-color-destructive-button-border-default);--button-destructive-active-icon-color:var(--cpsl-color-destructive-button-text);height:fit-content;width:fit-content;display:inline-block;font-family:var(--cpsl-font-family, inherit);-webkit-tap-highlight-color:transparent}:host a{height:fit-content;width:auto !important}:host(.full-width){width:100%;display:block}:host(.full-width) .button-native{width:100%}:host(.small){--button-font-size:var(--cpsl-font-size-body-s);--button-padding-top:12px;--button-padding-bottom:12px;--button-icon-size:var(--cpsl-font-size-body-m)}:host(.small.primary){--button-padding-top:13px;--button-padding-bottom:13px}:host(.small.tertiary){--button-padding-top:13px;--button-padding-bottom:13px}:host(.medium){--button-font-size:var(--cpsl-font-size-body-m);--button-padding-top:14px;--button-padding-bottom:14px;--button-icon-size:var(--cpsl-font-size-body-l)}:host(.medium) :host(.primary){--button-padding-top:15px;--button-padding-bottom:15px}:host(.medium) :host(.tertiary){--button-padding-top:15px;--button-padding-bottom:15px}:host(.medium.primary){--button-padding-top:15px;--button-padding-bottom:15px}:host(.medium.tertiary){--button-padding-top:15px;--button-padding-bottom:15px}:host(.disabled){cursor:default;pointer-events:none}:host ::slotted(cpsl-icon){--height:var(--button-icon-size);--width:var(--button-icon-size)}:host(.primary){--button-border-radius:var(--cpsl-border-radius-primary-button);--button-color:var(--button-primary-color);--button-background-color:var(--button-primary-background-color);--button-border-color:var(--button-primary-border-color);--button-padding-start:17px;--button-padding-end:17px;--button-border-width:0px}:host(.primary) ::slotted(cpsl-icon){--icon-color:var(--button-primary-icon-color)}:host(.primary):host(.disabled){--button-color:var(--button-primary-disabled-color);--button-background-color:var(--button-primary-disabled-background-color);--button-border-color:var(--button-primary-disabled-border-color);--button-outline-color:transparent}:host(.primary):host(.disabled) ::slotted(cpsl-icon){--icon-color:var(--button-primary-disabled-icon-color)}:host(.primary):host(.disabled) ::slotted(cpsl-spinner){--background-color:var(--button-primary-disabled-background-color)}:host(.primary) :not(.disabled):hover{--button-color:var(--button-primary-hover-color);--button-background-color:var(--button-primary-hover-background-color);--button-border-color:var(--button-primary-hover-border-color)}:host(.primary) :not(.disabled):hover ::slotted(cpsl-icon){--icon-color:var(--button-primary-hover-icon-color)}:host(.primary) :not(.disabled):active{--button-color:var(--button-primary-active-color);--button-background-color:var(--button-primary-active-background-color);--button-border-color:var(--button-primary-active-border-color)}:host(.primary) :not(.disabled):active ::slotted(cpsl-icon){--icon-color:var(--button-primary-active-icon-color)}:host(.primary) :not(.disabled):focus-visible{--button-outline-color:var(--cpsl-color-primary-button-outline)}:host(.secondary){--button-border-radius:var(--cpsl-border-radius-destructive-button);--button-color:var(--button-secondary-color);--button-background-color:var(--button-secondary-background-color);--button-border-color:var(--button-secondary-border-color)}:host(.secondary) ::slotted(cpsl-icon){--icon-color:var(--button-secondary-icon-color)}:host(.secondary):host(.disabled){--button-color:var(--button-secondary-disabled-color);--button-background-color:var(--button-secondary-disabled-background-color);--button-border-color:var(--button-secondary-disabled-border-color);--button-outline-color:transparent}:host(.secondary):host(.disabled) ::slotted(cpsl-icon){--icon-color:var(--button-secondary-disabled-icon-color)}:host(.secondary):host(.disabled) ::slotted(cpsl-spinner){--background-color:var(--button-secondary-disabled-icon-color)}:host(.secondary) :not(.disabled):hover{--button-color:var(--button-secondary-hover-color);--button-border-color:var(--button-secondary-hover-border-color);--button-background-color:var(--button-secondary-hover-background-color)}:host(.secondary) :not(.disabled):hover ::slotted(cpsl-icon){--icon-color:var(--button-secondary-hover-icon-color)}:host(.secondary) :not(.disabled):active{--button-color:var(--button-secondary-active-color);--button-border-color:var(--button-secondary-active-border-color);--button-background-color:var(--button-secondary-active-background-color)}:host(.secondary) :not(.disabled):active ::slotted(cpsl-icon){--icon-color:var(--button-secondary-active-icon-color)}:host(.secondary) :not(.disabled):focus-visible{--button-outline-color:var(--cpsl-color-secondary-button-outline)}:host(.tertiary){--button-border-radius:var(--cpsl-border-radius-tertiary-button);--button-color:var(--button-tertiary-color);--button-background-color:var(--button-tertiary-background-color);--button-border-color:var(--button-tertiary-border-color);--button-padding-start:17px;--button-padding-end:17px;--button-border-width:0px}:host(.tertiary) ::slotted(cpsl-icon){--icon-color:var(--button-tertiary-icon-color)}:host(.tertiary):host(.disabled){--button-color:var(--button-tertiary-disabled-color);--button-background-color:var(--button-tertiary-disabled-background-color);--button-border-color:var(--button-tertiary-disabled-border-color);--button-outline-color:transparent}:host(.tertiary):host(.disabled) ::slotted(cpsl-icon){--icon-color:var(--button-tertiary-disabled-icon-color)}:host(.tertiary):host(.disabled) ::slotted(cpsl-spinner){--background-color:var(--button-tertiary-disabled-icon-color)}:host(.tertiary) :not(.disabled):hover{--button-color:var(--button-tertiary-hover-color);--button-background-color:var(--button-tertiary-hover-background-color);--button-border-color:var(--button-tertiary-hover-border-color)}:host(.tertiary) :not(.disabled):hover ::slotted(cpsl-icon){--icon-color:var(--button-tertiary-hover-icon-color)}:host(.tertiary) :not(.disabled):active{--button-color:var(--button-tertiary-active-color);--button-background-color:var(--button-tertiary-active-background-color);--button-border-color:var(--button-tertiary-active-border-color)}:host(.tertiary) :not(.disabled):active ::slotted(cpsl-icon){--icon-color:var(--button-tertiary-active-icon-color)}:host(.tertiary) :not(.disabled):focus-visible{--button-outline-color:var(--cpsl-color-tertiary-button-outline)}:host(.ghost){--button-color:var(--button-ghost-color);--button-background-color:transparent;--button-border-color:transparent;--button-outline-color:transparent;--button-padding-start:0px;--button-padding-end:0px;--button-padding-top:0px;--button-padding-bottom:0px;--button-border-width:0px}:host(.ghost) ::slotted(cpsl-icon){--icon-color:var(--button-ghost-color)}:host(.ghost):host(.disabled){--button-color:var(--button-ghost-disabled-color)}:host(.ghost):host(.disabled) ::slotted(cpsl-icon){--icon-color:var(--button-ghost-disabled-color)}:host(.ghost):host(.disabled) ::slotted(cpsl-spinner){--background-color:var(--button-ghost-disabled-color)}:host(.ghost) :not(.disabled):hover{--button-color:var(--button-ghost-hover-color)}:host(.ghost) :not(.disabled):hover ::slotted(cpsl-icon){--icon-color:var(--button-ghost-hover-color)}:host(.destructive){--button-border-radius:var(--cpsl-border-radius-secondary-button);--button-color:var(--button-destructive-color);--button-background-color:var(--button-destructive-background-color);--button-border-color:var(--button-destructive-border-color)}:host(.destructive) ::slotted(cpsl-icon){--icon-color:var(--button-destructive-icon-color)}:host(.destructive):host(.disabled){--button-color:var(--button-destructive-disabled-color);--button-background-color:var(--button-destructive-disabled-background-color);--button-border-color:var(--button-destructive-disabled-border-color);--button-outline-color:transparent}:host(.destructive):host(.disabled) ::slotted(cpsl-icon){--icon-color:var(--button-destructive-disabled-icon-color)}:host(.destructive) :not(.disabled):hover{--button-color:var(--button-destructive-hover-color);--button-border-color:var(--button-destructive-hover-border-color);--button-background-color:var(--button-destructive-hover-background-color)}:host(.destructive) :not(.disabled):hover ::slotted(cpsl-icon){--icon-color:var(--button-destructive-hover-icon-color)}:host(.destructive) :not(.disabled):active{--button-color:var(--button-destructive-active-color);--button-border-color:var(--button-destructive-active-border-color);--button-background-color:var(--button-destructive-active-background-color)}:host(.destructive) :not(.disabled):active ::slotted(cpsl-icon){--icon-color:var(--button-destructive-active-icon-color)}:host(.destructive) :not(.disabled):focus-visible{--button-outline-color:var(--cpsl-color-destructive-button-outline)}.button-native{border-top-left-radius:var(--button-border-radius-top-start);border-top-right-radius:var(--button-border-radius-top-end);border-bottom-right-radius:var(--button-border-radius-bottom-end);border-bottom-left-radius:var(--button-border-radius-bottom-start);-webkit-padding-start:var(--button-padding-start);padding-inline-start:var(--button-padding-start);-webkit-padding-end:var(--button-padding-end);padding-inline-end:var(--button-padding-end);padding-top:var(--button-padding-top);padding-bottom:var(--button-padding-bottom);font-size:var(--button-font-size);font-weight:var(--button-font-weight);font-family:inherit;white-space:nowrap;text-decoration:none;border:0px solid transparent;border-width:var(--button-border-width-top) var(--button-border-width-end) var(--button-border-width-bottom) var(--button-border-width-start);cursor:pointer;color:var(--button-color);background:var(--button-background-color);border-color:var(--button-border-color);display:flex;justify-content:var(--button-justify-content);align-items:center;height:100%;gap:var(--button-gap);word-break:break-all;outline-color:var(--button-outline-color);-webkit-tap-highlight-color:transparent}:host-context([dir=rtl]) .button-native{border-top-left-radius:var(--button-border-radius-top-end);border-top-right-radius:var(--button-border-radius-top-start);border-bottom-right-radius:var(--button-border-radius-bottom-start);border-bottom-left-radius:var(--button-border-radius-bottom-end)}[dir=rtl] .button-native{border-top-left-radius:var(--button-border-radius-top-end);border-top-right-radius:var(--button-border-radius-top-start);border-bottom-right-radius:var(--button-border-radius-bottom-start);border-bottom-left-radius:var(--button-border-radius-bottom-end)}@supports selector(:dir(rtl)){.button-native:dir(rtl){border-top-left-radius:var(--button-border-radius-top-end);border-top-right-radius:var(--button-border-radius-top-start);border-bottom-right-radius:var(--button-border-radius-bottom-start);border-bottom-left-radius:var(--button-border-radius-bottom-end)}}:host ::slotted(cpsl-text)::part(text-element){color:var(--button-color)}:host ::slotted(cpsl-icon-group){--container-border-color:var(--button-background-color)}:host ::slotted(cpsl-spinner){--background-color:var(--button-background-color)}";
 const CpslButtonStyle0 = cpslButtonCss;
 
 const CpslButton = class {
@@ -19945,7 +19945,7 @@ const getTab = (tabs, tab) => {
 };
 CpslTabs.style = CpslTabsStyle0;
 
-const cpslTextCss = ":host{display:block}:host p,h1,h2,h3,h4,h5,h6{font-family:var(--cpsl-font-family, inherit);padding:0px;margin:0px;font-weight:inherit;font-size:inherit;letter-spacing:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:never}:host p::-moz-selection,h1::-moz-selection,h2::-moz-selection,h3::-moz-selection,h4::-moz-selection,h5::-moz-selection,h6::-moz-selection{color:var(--cpsl-color-text-inverted) !important;background:var(--cpsl-color-background-64) !important}:host p::selection,h1::selection,h2::selection,h3::selection,h4::selection,h5::selection,h6::selection{color:var(--cpsl-color-text-inverted) !important;background:var(--cpsl-color-background-64) !important}:host p.primary,h1.primary,h2.primary,h3.primary,h4.primary,h5.primary,h6.primary{color:var(--cpsl-color-text-primary)}:host p.secondary,h1.secondary,h2.secondary,h3.secondary,h4.secondary,h5.secondary,h6.secondary{color:var(--cpsl-color-text-secondary)}:host p.tertiary,h1.tertiary,h2.tertiary,h3.tertiary,h4.tertiary,h5.tertiary,h6.tertiary{color:var(--cpsl-color-text-tertiary)}:host p.subtle,h1.subtle,h2.subtle,h3.subtle,h4.subtle,h5.subtle,h6.subtle{color:var(--cpsl-color-text-subtle)}:host p.inverted,h1.inverted,h2.inverted,h3.inverted,h4.inverted,h5.inverted,h6.inverted{color:var(--cpsl-color-text-inverted)}:host p.error,h1.error,h2.error,h3.error,h4.error,h5.error,h6.error{color:var(--cpsl-color-text-error)}:host p.contrast,h1.contrast,h2.contrast,h3.contrast,h4.contrast,h5.contrast,h6.contrast{color:var(--cpsl-color-text-contrast)}:host p.medium,h1.medium,h2.medium,h3.medium,h4.medium,h5.medium,h6.medium{font-weight:500}:host p.semi-bold,h1.semi-bold,h2.semi-bold,h3.semi-bold,h4.semi-bold,h5.semi-bold,h6.semi-bold{font-weight:600}:host p.bold,h1.bold,h2.bold,h3.bold,h4.bold,h5.bold,h6.bold{font-weight:700}:host p.body-2xs,h1.body-2xs,h2.body-2xs,h3.body-2xs,h4.body-2xs,h5.body-2xs,h6.body-2xs{font-size:var(--cpsl-font-size-body-2xs)}:host p.body-xs,h1.body-xs,h2.body-xs,h3.body-xs,h4.body-xs,h5.body-xs,h6.body-xs{font-size:var(--cpsl-font-size-body-xs)}:host p.body-s,h1.body-s,h2.body-s,h3.body-s,h4.body-s,h5.body-s,h6.body-s{font-size:var(--cpsl-font-size-body-s);line-height:142.857%}:host p.body-m,h1.body-m,h2.body-m,h3.body-m,h4.body-m,h5.body-m,h6.body-m{font-size:var(--cpsl-font-size-body-m);line-height:150%}:host p.body-l,h1.body-l,h2.body-l,h3.body-l,h4.body-l,h5.body-l,h6.body-l{font-size:var(--cpsl-font-size-body-l);line-height:140%}:host p.body-xl,h1.body-xl,h2.body-xl,h3.body-xl,h4.body-xl,h5.body-xl,h6.body-xl{font-size:var(--cpsl-font-size-body-xl)}:host p.heading-xs,h1.heading-xs,h2.heading-xs,h3.heading-xs,h4.heading-xs,h5.heading-xs,h6.heading-xs{font-size:var(--cpsl-font-size-heading-xs)}:host p.heading-s,h1.heading-s,h2.heading-s,h3.heading-s,h4.heading-s,h5.heading-s,h6.heading-s{font-size:var(--cpsl-font-size-heading-s)}:host p.heading-m,h1.heading-m,h2.heading-m,h3.heading-m,h4.heading-m,h5.heading-m,h6.heading-m{font-size:var(--cpsl-font-size-heading-m);letter-spacing:-0.4px}:host p.heading-l,h1.heading-l,h2.heading-l,h3.heading-l,h4.heading-l,h5.heading-l,h6.heading-l{font-size:var(--cpsl-font-size-heading-l);letter-spacing:-1.12px}:host p.heading-xl,h1.heading-xl,h2.heading-xl,h3.heading-xl,h4.heading-xl,h5.heading-xl,h6.heading-xl{font-size:var(--cpsl-font-size-heading-xl);letter-spacing:-1.28px}:host p.heading-2xl,h1.heading-2xl,h2.heading-2xl,h3.heading-2xl,h4.heading-2xl,h5.heading-2xl,h6.heading-2xl{font-size:var(--cpsl-font-size-heading-2xl);letter-spacing:-1.44px}";
+const cpslTextCss = ":host{display:block}:host p,h1,h2,h3,h4,h5,h6{font-family:var(--cpsl-font-family, inherit);padding:0px;margin:0px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:never}:host p::-moz-selection,h1::-moz-selection,h2::-moz-selection,h3::-moz-selection,h4::-moz-selection,h5::-moz-selection,h6::-moz-selection{color:var(--cpsl-color-text-inverted) !important;background:var(--cpsl-color-background-64) !important}:host p::selection,h1::selection,h2::selection,h3::selection,h4::selection,h5::selection,h6::selection{color:var(--cpsl-color-text-inverted) !important;background:var(--cpsl-color-background-64) !important}:host p.primary,h1.primary,h2.primary,h3.primary,h4.primary,h5.primary,h6.primary{color:var(--cpsl-color-text-primary)}:host p.secondary,h1.secondary,h2.secondary,h3.secondary,h4.secondary,h5.secondary,h6.secondary{color:var(--cpsl-color-text-secondary)}:host p.tertiary,h1.tertiary,h2.tertiary,h3.tertiary,h4.tertiary,h5.tertiary,h6.tertiary{color:var(--cpsl-color-text-tertiary)}:host p.subtle,h1.subtle,h2.subtle,h3.subtle,h4.subtle,h5.subtle,h6.subtle{color:var(--cpsl-color-text-subtle)}:host p.inverted,h1.inverted,h2.inverted,h3.inverted,h4.inverted,h5.inverted,h6.inverted{color:var(--cpsl-color-text-inverted)}:host p.error,h1.error,h2.error,h3.error,h4.error,h5.error,h6.error{color:var(--cpsl-color-text-error)}:host p.contrast,h1.contrast,h2.contrast,h3.contrast,h4.contrast,h5.contrast,h6.contrast{color:var(--cpsl-color-text-contrast)}:host p.medium,h1.medium,h2.medium,h3.medium,h4.medium,h5.medium,h6.medium{font-weight:500}:host p.semi-bold,h1.semi-bold,h2.semi-bold,h3.semi-bold,h4.semi-bold,h5.semi-bold,h6.semi-bold{font-weight:600}:host p.bold,h1.bold,h2.bold,h3.bold,h4.bold,h5.bold,h6.bold{font-weight:700}:host p.body-2xs,h1.body-2xs,h2.body-2xs,h3.body-2xs,h4.body-2xs,h5.body-2xs,h6.body-2xs{font-size:var(--cpsl-font-size-body-2xs)}:host p.body-xs,h1.body-xs,h2.body-xs,h3.body-xs,h4.body-xs,h5.body-xs,h6.body-xs{font-size:var(--cpsl-font-size-body-xs)}:host p.body-s,h1.body-s,h2.body-s,h3.body-s,h4.body-s,h5.body-s,h6.body-s{font-size:var(--cpsl-font-size-body-s);line-height:142.857%}:host p.body-m,h1.body-m,h2.body-m,h3.body-m,h4.body-m,h5.body-m,h6.body-m{font-size:var(--cpsl-font-size-body-m);line-height:150%}:host p.body-l,h1.body-l,h2.body-l,h3.body-l,h4.body-l,h5.body-l,h6.body-l{font-size:var(--cpsl-font-size-body-l);line-height:140%}:host p.body-xl,h1.body-xl,h2.body-xl,h3.body-xl,h4.body-xl,h5.body-xl,h6.body-xl{font-size:var(--cpsl-font-size-body-xl)}:host p.heading-xs,h1.heading-xs,h2.heading-xs,h3.heading-xs,h4.heading-xs,h5.heading-xs,h6.heading-xs{font-size:var(--cpsl-font-size-heading-xs)}:host p.heading-s,h1.heading-s,h2.heading-s,h3.heading-s,h4.heading-s,h5.heading-s,h6.heading-s{font-size:var(--cpsl-font-size-heading-s)}:host p.heading-m,h1.heading-m,h2.heading-m,h3.heading-m,h4.heading-m,h5.heading-m,h6.heading-m{font-size:var(--cpsl-font-size-heading-m);letter-spacing:-0.4px}:host p.heading-l,h1.heading-l,h2.heading-l,h3.heading-l,h4.heading-l,h5.heading-l,h6.heading-l{font-size:var(--cpsl-font-size-heading-l);letter-spacing:-1.12px}:host p.heading-xl,h1.heading-xl,h2.heading-xl,h3.heading-xl,h4.heading-xl,h5.heading-xl,h6.heading-xl{font-size:var(--cpsl-font-size-heading-xl);letter-spacing:-1.28px}:host p.heading-2xl,h1.heading-2xl,h2.heading-2xl,h3.heading-2xl,h4.heading-2xl,h5.heading-2xl,h6.heading-2xl{font-size:var(--cpsl-font-size-heading-2xl);letter-spacing:-1.44px}";
 const CpslTextStyle0 = cpslTextCss;
 
 const TEXT_EL_PART = 'text-element';