@orangelogic/design-system 2.136.0 → 2.138.0

package/library/chunks/{button.3giRMk79.js → button.C8bgBiYj.js}

@@ -2,7 +2,7 @@ import { n as i, C as v } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as g } from "./component.styles.CRO4Odto.js";
 import { c as C } from "./custom-element.L4WJXn1j.js";
 import { F as x, v as w } from "./form.K1XOtu3S.js";
-import { L as $ } from "./i18n.DJikbkDK.js";
+import { L as $ } from "./i18n.BlLEIqQ0.js";
 import { H as S, g as O } from "./slot.j5oheLJC.js";
 import { w as m } from "./watch.CThbualB.js";
 import { r as u } from "./state.CSDxrqLd.js";

package/library/chunks/{checkbox.B-2O517F.js → checkbox.Cjcht4xR.js}

@@ -1,27 +1,27 @@
-import { n as r, C as f } from "./lib-cortex-element.CVMmyPMC.js";
-import { c as k } from "./component.styles.CRO4Odto.js";
+import { n as r, C as k } from "./lib-cortex-element.CVMmyPMC.js";
+import { c as f } from "./component.styles.CRO4Odto.js";
 import { f as v } from "./form-control.styles.CaGWmeAS.js";
 import { c as g } from "./custom-element.L4WJXn1j.js";
 import { d as y } from "./default-value.COZopaet.js";
 import { F as _ } from "./form.K1XOtu3S.js";
 import { H as C } from "./slot.j5oheLJC.js";
-import { w as b } from "./watch.CThbualB.js";
+import { w as u } from "./watch.CThbualB.js";
 import { i as w, x as n } from "./lit-element.jLBm65_O.js";
 import { r as $ } from "./state.CSDxrqLd.js";
 import { e as z } from "./query.BBf1UFkC.js";
 import { e as d } from "./class-map.BiVq-cVR.js";
 import { o as p } from "./if-defined.BRoBj_Rp.js";
-import { l as u } from "./live.DCegntDo.js";
+import { l as b } from "./live.DCegntDo.js";
 import { n as F } from "./when.Dr1es41R.js";
 import { C as V } from "./icon.DnBh6-56.js";
 var x = /* @__PURE__ */ ((e) => (e.Large = "large", e.Medium = "medium", e.Small = "small", e))(x || {}), m = /* @__PURE__ */ ((e) => (e.Bottom = "bottom", e.Left = "left", e.Right = "right", e.Top = "top", e))(m || {});
-const H = w`:host([disabled]){pointer-events:none}:host{white-space:normal;padding:var(--checkbox-padding,0);margin:var(--checkbox-margin,0);display:inline-block}:host([data-user-invalid])::part(control){border-color:var(--cx-input-invalid-border-color)}:host([data-user-invalid])::part(label){color:var(--cx-input-invalid-color)}:host([data-user-invalid])::part(control){outline:none}:host(:focus-within[data-user-invalid])::part(control){border-color:var(--cx-input-invalid-border-color);box-shadow:var(--cx-input-invalid-shadow)}.checkbox{font-family:var(--cx-input-font-family);font-weight:var(--cx-input-font-weight);color:var(--label-color,var(--cx-color-neutral));vertical-align:middle;cursor:pointer;box-sizing:border-box;align-items:flex-start;gap:var(--checkbox-label-gap,var(--cx-spacing-x-small));display:inline-flex;position:relative}.checkbox--label-left{flex-direction:row-reverse}.checkbox--label-top{flex-direction:column-reverse;align-items:flex-start}.checkbox--label-bottom{flex-direction:column;align-items:flex-start}.checkbox--small{--toggle-size:var(--cx-toggle-size-small);font-size:var(--cx-input-font-size-small)}.checkbox--medium{--toggle-size:var(--cx-toggle-size-medium);font-size:var(--cx-input-font-size-small)}.checkbox--large{--toggle-size:var(--cx-toggle-size-large);font-size:var(--cx-input-font-size-small)}.form-control{flex-direction:column;display:flex}.checkbox__control{width:var(--toggle-size);height:var(--toggle-size);border:solid var(--cx-input-border-width) var(--cx-input-border-color);border-radius:var(--cx-border-radius-small);background-color:var(--cx-input-background-color);color:var(--cx-color-neutral-0);transition:var(--cx-transition-fast) border-color, var(--cx-transition-fast) background-color, var(--cx-transition-fast) color, var(--cx-transition-fast) box-shadow;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.checkbox__input{opacity:0;pointer-events:none;margin:0;padding:0;position:absolute}.checkbox__checked-icon,.checkbox__indeterminate-icon{display:inline-flex}.checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__control:hover{border-color:var(--cx-input-border-color-hover);background-color:var(--cx-input-background-color-hover)}.checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__input:focus-visible~.checkbox__control{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.checkbox--checked .checkbox__control,.checkbox--indeterminate .checkbox__control{border-color:var(--cx-color-primary);background-color:var(--cx-color-primary)}.checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__control:hover,.checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__control:hover{border-color:var(--cx-color-primary-500);background-color:var(--cx-color-primary-500)}.checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__input:focus-visible~.checkbox__control,.checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__input:focus-visible~.checkbox__control{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.checkbox--disabled{opacity:.5;cursor:default}.checkbox--disabled:not(.checkbox--checked):not(.checkbox--indeterminate) .checkbox__control{background-color:var(--cx-checkbox-disabled-background,var(--cx-input-background-color));border-color:var(--cx-checkbox-disabled-border-color,var(--cx-input-border-color))}.checkbox__label{width:var(--label-width,auto);color:var(--label-color,var(--cx-color-neutral));font:var(--label-font,var(--cx-font-label-small));line-height:var(--toggle-size);-webkit-user-select:none;user-select:none;text-transform:var(--cx-checkbox-label-text-transform,none);white-space:var(--cx-checkbox-label-white-space,normal);pointer-events:none;display:inline-block}.form-control__help-text{font:var(--help-text-font,var(--cx-font-label-x-small));color:var(--help-text-color,var(--cx-color-neutral-600))}:host([required]) .checkbox__label:after{color:var(--cx-input-required-content-color);content:var(--cx-input-required-content);margin-inline-start:var(--cx-input-required-content-offset)}`;
-var S = Object.defineProperty, q = Object.getOwnPropertyDescriptor, o = (e, i, l, a) => {
-  for (var c = a > 1 ? void 0 : a ? q(i, l) : i, s = e.length - 1, h; s >= 0; s--)
-    (h = e[s]) && (c = (a ? h(i, l, c) : h(c)) || c);
-  return a && c && S(i, l, c), c;
+const H = w`:host([disabled]){pointer-events:none}:host{white-space:normal;padding:var(--checkbox-padding,0);margin:var(--checkbox-margin,0);display:inline-block}:host([data-user-invalid])::part(control){border-color:var(--cx-input-invalid-border-color)}:host([data-user-invalid])::part(label){color:var(--cx-input-invalid-color)}:host([data-user-invalid])::part(control){outline:none}:host(:focus-within[data-user-invalid])::part(control){border-color:var(--cx-input-invalid-border-color);box-shadow:var(--cx-input-invalid-shadow)}.checkbox{font-family:var(--cx-input-font-family);font-weight:var(--cx-input-font-weight);color:var(--label-color,var(--cx-color-neutral));vertical-align:middle;cursor:pointer;box-sizing:border-box;align-items:flex-start;gap:var(--checkbox-label-gap,var(--cx-spacing-x-small));display:inline-flex;position:relative}.checkbox--label-left{flex-direction:row-reverse}.checkbox--label-top{flex-direction:column-reverse;align-items:flex-start}.checkbox--label-bottom{flex-direction:column;align-items:flex-start}.checkbox--small{--toggle-size:var(--cx-toggle-size-small);font-size:var(--cx-input-font-size-small)}.checkbox--medium{--toggle-size:var(--cx-toggle-size-medium);font-size:var(--cx-input-font-size-small)}.checkbox--large{--toggle-size:var(--cx-toggle-size-large);font-size:var(--cx-input-font-size-small)}.form-control{flex-direction:column;display:flex}.checkbox__control{width:var(--toggle-size);height:var(--toggle-size);border:solid var(--cx-input-border-width) var(--cx-input-border-color);border-radius:var(--cx-border-radius-small);background-color:var(--cx-input-background-color);color:var(--cx-color-neutral-0);transition:var(--cx-transition-fast) border-color, var(--cx-transition-fast) background-color, var(--cx-transition-fast) color, var(--cx-transition-fast) box-shadow;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.checkbox__input{opacity:0;pointer-events:none;margin:0;padding:0;position:absolute}.checkbox__checked-icon,.checkbox__indeterminate-icon{display:inline-flex}.checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__control:hover{border-color:var(--checkbox-checked-color,var(--cx-input-border-color-hover));background-color:var(--checkbox-hover-color,var(--cx-input-background-color-hover))}.checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__input:focus-visible~.checkbox__control{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.checkbox--checked .checkbox__control{border-color:var(--checkbox-checked-color,var(--cx-color-primary));background-color:var(--checkbox-checked-color,var(--cx-color-primary))}.checkbox--indeterminate .checkbox__control{border-color:var(--checkbox-indeterminate-color,var(--cx-color-primary));background-color:var(--checkbox-indeterminate-color,var(--cx-color-primary))}.checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__control:hover,.checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__control:hover{border-color:var(--checkbox-hover-color,var(--checkbox-checked-color,var(--cx-color-primary-500)));background-color:var(--checkbox-hover-color,var(--checkbox-checked-color,var(--cx-color-primary-500)))}.checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__input:focus-visible~.checkbox__control,.checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__input:focus-visible~.checkbox__control{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.checkbox--disabled{opacity:.5;cursor:default}.checkbox--disabled:not(.checkbox--checked):not(.checkbox--indeterminate) .checkbox__control{background-color:var(--cx-checkbox-disabled-background,var(--cx-input-background-color));border-color:var(--cx-checkbox-disabled-border-color,var(--cx-input-border-color))}.checkbox__label{width:var(--label-width,auto);color:var(--label-color,var(--cx-color-neutral));font:var(--label-font,var(--cx-font-label-small));line-height:var(--toggle-size);-webkit-user-select:none;user-select:none;text-transform:var(--cx-checkbox-label-text-transform,none);white-space:var(--cx-checkbox-label-white-space,normal);pointer-events:none;display:inline-block}.form-control__help-text{font:var(--help-text-font,var(--cx-font-label-x-small));color:var(--help-text-color,var(--cx-color-neutral-600))}:host([required]) .checkbox__label:after{color:var(--cx-input-required-content-color);content:var(--cx-input-required-content);margin-inline-start:var(--cx-input-required-content-offset)}`;
+var S = Object.defineProperty, q = Object.getOwnPropertyDescriptor, o = (e, c, l, a) => {
+  for (var i = a > 1 ? void 0 : a ? q(c, l) : c, s = e.length - 1, h; s >= 0; s--)
+    (h = e[s]) && (i = (a ? h(c, l, i) : h(i)) || i);
+  return a && i && S(c, l, i), i;
 };
-let t = class extends f {
+let t = class extends k {
   constructor() {
     super(...arguments), this.formControlController = new _(this, {
       // eslint-disable-next-line
@@ -29,7 +29,7 @@ let t = class extends f {
       defaultValue: (e) => e.defaultChecked,
       // eslint-disable-next-line
       // @ts-ignore
-      setValue: (e, i) => e.checked = i,
+      setValue: (e, c) => e.checked = c,
       // eslint-disable-next-line
       // @ts-ignore
       value: (e) => e.checked ? e.value || "on" : void 0
@@ -112,11 +112,11 @@ let t = class extends f {
     super.disconnectedCallback(), this.removeEventListener("click", this.handleHostClick, { capture: !0 }), this.removeEventListener("keydown", this.handleHostKeydown, { capture: !0 });
   }
   render() {
-    const e = this.hasSlotController.test("help-text"), i = this.helpText ? !0 : !!e, l = this.hasSlotController.test("[default]");
+    const e = this.hasSlotController.test("help-text"), c = this.helpText ? !0 : !!e, l = this.hasSlotController.test("[default]");
     return n`<div class=${d({
       "form-control": !0,
       [`form-control--${this.size}`]: !0,
-      "form-control--has-help-text": i
+      "form-control--has-help-text": c
     })}><div part="base" class=${d({
       checkbox: !0,
       "checkbox--checked": this.checked,
@@ -125,15 +125,15 @@ let t = class extends f {
       "checkbox--indeterminate": this.indeterminate,
       [`checkbox--label-${this.labelPlacement}`]: !0,
       [`checkbox--${this.size}`]: !0
-    })}><input id="checkbox" aria-label=${p(this.ariaLabel?.trim() || void 0)} class="checkbox__input" type="checkbox" title=${this.title} name=${this.name} .value=${p(this.value)} .indeterminate=${u(this.indeterminate)} .checked=${u(this.checked)} .disabled=${this.disabled} .required=${this.required} aria-checked=${this.indeterminate ? "mixed" : this.checked ? "true" : "false"} aria-describedby="help-text" @change=${this.handleChange} @invalid=${this.handleInvalid} @blur=${this.handleBlur} @focus=${this.handleFocus}><span part="control${this.checked ? " control--checked" : ""}${this.indeterminate ? " control--indeterminate" : ""}" class="checkbox__control">${this.checked ? n`<slot name="checked-icon"><cx-icon part="checked-icon" class="checkbox__checked-icon" name="check"></cx-icon></slot>` : ""}
+    })}><input id="checkbox" aria-label=${p(this.ariaLabel?.trim() || void 0)} class="checkbox__input" type="checkbox" title=${this.title} name=${this.name} .value=${p(this.value)} .indeterminate=${b(this.indeterminate)} .checked=${b(this.checked)} .disabled=${this.disabled} .required=${this.required} aria-checked=${this.indeterminate ? "mixed" : this.checked ? "true" : "false"} aria-describedby="help-text" @change=${this.handleChange} @invalid=${this.handleInvalid} @blur=${this.handleBlur} @focus=${this.handleFocus}><span part="control${this.checked ? " control--checked" : ""}${this.indeterminate ? " control--indeterminate" : ""}" class="checkbox__control">${this.checked ? n`<slot name="checked-icon"><cx-icon part="checked-icon" class="checkbox__checked-icon" name="check"></cx-icon></slot>` : ""}
             ${!this.checked && this.indeterminate ? n`<slot name="indeterminate-icon"><cx-icon part="indeterminate-icon" class="checkbox__indeterminate-icon" name="remove"></cx-icon></slot>` : ""}</span>${F(
       l,
       () => n`<label for="checkbox" part="label" class="checkbox__label"><slot></slot></label>`
-    )}</div><div aria-hidden=${i ? "false" : "true"} class="form-control__help-text" id="help-text" part="form-control-help-text"><slot name="help-text">${this.helpText}</slot></div></div>`;
+    )}</div><div aria-hidden=${c ? "false" : "true"} class="form-control__help-text" id="help-text" part="form-control-help-text"><slot name="help-text">${this.helpText}</slot></div></div>`;
   }
 };
 t.styles = [
-  k,
+  f,
   v,
   H
 ];
@@ -184,10 +184,10 @@ o([
   r({ attribute: "aria-label", reflect: !0, type: String })
 ], t.prototype, "ariaLabel", 2);
 o([
-  b("disabled", { waitUntilFirstUpdate: !0 })
+  u("disabled", { waitUntilFirstUpdate: !0 })
 ], t.prototype, "handleDisabledChange", 1);
 o([
-  b(["checked", "indeterminate"], { waitUntilFirstUpdate: !0 })
+  u(["checked", "indeterminate"], { waitUntilFirstUpdate: !0 })
 ], t.prototype, "handleStateChange", 1);
 t = o([
   g("cx-checkbox")

package/library/chunks/{color-swatch-group.DC6vIYo4.js → color-swatch-group.CtRKXJDT.js}

@@ -1,11 +1,11 @@
 import si from "../components/space.js";
 import { C as hr, T as Nr } from "./typography.DJC_UXgs.js";
 import { n as g, C as tt } from "./lib-cortex-element.CVMmyPMC.js";
-import { C as cr, a as _i } from "./color-swatch.g3FPUnxM.js";
+import { C as cr, a as _i } from "./color-swatch.BPKlNXIX.js";
 import { c as ht } from "./component.styles.CRO4Odto.js";
 import { c as it } from "./custom-element.L4WJXn1j.js";
 import { i as Z, x as S, E as pt, B as Vr } from "./lit-element.jLBm65_O.js";
-import { C as Rt } from "./button.3giRMk79.js";
+import { C as Rt } from "./button.C8bgBiYj.js";
 import { C as oi } from "./icon.DnBh6-56.js";
 import ri from "../components/tooltip.js";
 import { r as Ir } from "./choose.BTbF6BAn.js";
@@ -17,14 +17,14 @@ import ni from "../components/menu.js";
 import ai from "../components/menu-item.js";
 import Br from "../components/menu-section.js";
 import { g as Wr, t as $r, a as jr, b as Gr } from "./toast.Bz-j7zP2.js";
-import { L as zt } from "./i18n.DJikbkDK.js";
+import { L as zt } from "./i18n.BlLEIqQ0.js";
 import { w as K } from "./watch.CThbualB.js";
 import { r as ce } from "./state.CSDxrqLd.js";
 import { n as J } from "./when.Dr1es41R.js";
-import { C as dr, a as Ur } from "./checkbox.B-2O517F.js";
-import { C as Is } from "./icon-button.xobY-9OH.js";
-import { C as Kr } from "./input.GUw7x9tK.js";
-import { C as qr, P as Xr } from "./pagination.D8Hzwlan.js";
+import { C as dr, a as Ur } from "./checkbox.Cjcht4xR.js";
+import { C as Is } from "./icon-button.D5sM02Cd.js";
+import { C as Kr } from "./input.B8CV80Da.js";
+import { C as qr, P as Xr } from "./pagination.DAI32_PA.js";
 import { H as Jr } from "./slot.j5oheLJC.js";
 import { e as ct } from "./query.BBf1UFkC.js";
 import { e as at } from "./class-map.BiVq-cVR.js";
@@ -4386,6 +4386,10 @@ const Ca = function(n, e, t, i, s) {
     (o === null || typeof o > "u") && r.value !== "" || r.value !== String(o) ? t(r.value) && (o = r.value) : i();
   }
   return r.addEventListener("change", a), r.addEventListener("blur", a), r.addEventListener("keydown", (l) => {
+    if ((l.ctrlKey || l.metaKey) && l.key === "a") {
+      r.select();
+      return;
+    }
     switch (l.keyCode) {
       // case 9:
       case 13:
@@ -5959,6 +5963,10 @@ const Dl = function(n, e, t, i, s) {
     const d = l.scrollHeight;
     l.style.height = d + "px", d !== h && (h = d, n.getRow().normalizeHeight());
   }), l.addEventListener("keydown", (d) => {
+    if ((d.ctrlKey || d.metaKey) && d.key === "a") {
+      l.select();
+      return;
+    }
     switch (d.keyCode) {
       case 13:
         d.shiftKey && s.shiftEnterSubmit && c();

package/library/chunks/{color-swatch.g3FPUnxM.js → color-swatch.BPKlNXIX.js}

@@ -8,7 +8,7 @@ import { c as F } from "./component.styles.CRO4Odto.js";
 import { c as n, C as h, H as $, l as z } from "./color.LzSGBy7o.js";
 import { c as O } from "./custom-element.L4WJXn1j.js";
 import { d as W } from "./debounce.DaHuiSGU.js";
-import { L as A } from "./i18n.DJikbkDK.js";
+import { L as A } from "./i18n.BlLEIqQ0.js";
 import { w as i } from "./watch.CThbualB.js";
 import { i as G, x as u } from "./lit-element.jLBm65_O.js";
 import { r as c } from "./state.CSDxrqLd.js";

package/library/chunks/{confirm-popover.DtndPsMa.js → confirm-popover.CgXY2_uO.js}

@@ -1,11 +1,11 @@
-import { C as _ } from "./button.3giRMk79.js";
-import { C as u, D as h } from "./dialog.BQq3xBeH.js";
+import { C as _ } from "./button.C8bgBiYj.js";
+import { C as u, D as h } from "./dialog.Bs7RQgSa.js";
 import g from "../components/dropdown.js";
 import { C as x } from "./typography.DJC_UXgs.js";
 import { n as e, C as b } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as y } from "./component.styles.CRO4Odto.js";
 import { c as w } from "./custom-element.L4WJXn1j.js";
-import { L as $ } from "./i18n.DJikbkDK.js";
+import { L as $ } from "./i18n.BlLEIqQ0.js";
 import { i as z, x as d } from "./lit-element.jLBm65_O.js";
 import { e as m } from "./query.BBf1UFkC.js";
 import { e as a } from "./class-map.BiVq-cVR.js";

package/library/chunks/{dialog.BQq3xBeH.js → dialog.Bs7RQgSa.js}

@@ -3,7 +3,7 @@ import { c as S } from "./component.styles.CRO4Odto.js";
 import { O, C as D, H, z as A, o as B } from "./overlayscrollbars.BMav4RQ4.js";
 import { a as c, s as p, w as x } from "./event.BeKOsirN.js";
 import { c as $ } from "./custom-element.L4WJXn1j.js";
-import { L } from "./i18n.DJikbkDK.js";
+import { L } from "./i18n.BlLEIqQ0.js";
 import { M as P } from "./modal.U1QltQKe.js";
 import { l as w, u as _ } from "./scroll.xtO5yojm.js";
 import { H as E } from "./slot.j5oheLJC.js";
@@ -17,7 +17,7 @@ import { o as q } from "./style-map.llVFPd__.js";
 import { n as b } from "./when.Dr1es41R.js";
 import { s as u, g as h } from "./animation-registry.HmpwNuGH.js";
 import F from "../components/divider.js";
-import { C as I } from "./icon-button.xobY-9OH.js";
+import { C as I } from "./icon-button.D5sM02Cd.js";
 import U from "../components/popup.js";
 var l = /* @__PURE__ */ ((e) => (e.Both = "both", e.Footer = "footer", e.Header = "header", e.None = "none", e))(l || {});
 const j = R`:host{--width:31rem;--header-spacing:var(--cx-spacing-small) var(--cx-spacing-large);--body-spacing:var(--cx-spacing-medium) var(--cx-spacing-large);--divider-spacing:0;--footer-spacing:var(--cx-spacing-medium);--max-width:100%;--max-height:100%;--overlay-background-color:var(--cx-overlay-background-color);display:contents}.dialog{justify-content:center;align-items:center;display:flex}.dialog--absolute{position:absolute}.dialog__panel{width:var(--width);height:var(--dialog-height,auto);background-color:var(--cx-panel-background-color);border-radius:var(--cx-border-radius-medium);box-shadow:var(--cx-shadow-x-large);max-width:calc(var(--max-width) - var(--cx-spacing-2x-large));max-height:calc(var(--max-height) - var(--cx-spacing-2x-large));flex-direction:column;display:flex;overflow:hidden}.dialog__panel:focus{outline:none}@media screen and (width<=420px){.dialog__panel{max-height:80vh}}.dialog--open .dialog__panel{opacity:1;display:flex}.dialog__header{padding:var(--header-spacing);flex:none;display:flex}.dialog__header-divider,.dialog__footer-divider{--spacing:0;padding:var(--divider-spacing)}.dialog__title{font:inherit;font-family:var(--cx-font-sans);font-size:var(--cx-font-size-large);font-weight:var(--cx-font-weight-regular);line-height:var(--cx-line-height-large);flex:auto;align-items:center;margin:0;display:flex}.dialog__header-actions{justify-content:end;gap:var(--cx-spacing-2x-small);flex-wrap:wrap;flex-shrink:0;display:flex}.dialog__header-actions cx-icon-button,.dialog__header-actions ::slotted(cx-icon-button){font-size:var(--cx-font-size-3x-large);flex:none;align-items:center;display:flex}.dialog__body{padding:var(--body-spacing);-webkit-overflow-scrolling:touch;font-size:var(--cx-font-size-medium);font-weight:var(--cx-font-weight-regular);line-height:var(--cx-line-height-small);z-index:2;flex:auto;display:block;position:relative;overflow:auto}.dialog--overlay-scrollbar .dialog__body{flex-direction:column;display:flex}.dialog__footer{text-align:right;padding:var(--footer-spacing);z-index:1;flex:none;position:relative}.dialog__footer ::slotted(cx-button:not(:first-of-type)){margin-inline-start:var(--cx-spacing-x-small)}.dialog:not(.dialog--has-footer) .dialog__footer{display:none}@media (forced-colors:active){.dialog__panel{border:solid 1px var(--cx-color-neutral-0)}}.dialog__overlay{background-color:var(--overlay-background-color);opacity:0;pointer-events:none;z-index:1;justify-content:center;align-items:center;display:flex}.dialog--open .dialog__overlay{opacity:1;pointer-events:auto}`;