@orangelogic/design-system 2.111.0 → 2.113.0

package/library/chunks/{list-editor.GT2kQsmR.js → list-editor.Qx2ecTcL.js}

@@ -1,22 +1,22 @@
-import { C as k } from "./button.i88sSbTZ.js";
-import { C as O, D as q } from "./dialog.Bso6gK-8.js";
+import { C as _ } from "./button.DIvU_uFU.js";
+import { C as O, D as q } from "./dialog.DyT-Nai2.js";
 import G from "../components/grid.js";
 import R from "../components/grid-item.js";
-import S from "../components/input.js";
+import { C as k } from "./input.DdeXWD_F.js";
 import j from "../components/line-clamp.js";
-import { C as P } from "./option.BAYtHIvG.js";
+import { C as P } from "./option.CcGRV3jj.js";
 import F from "../components/radio.js";
 import B from "../components/radio-group.js";
 import K from "../components/select.js";
-import _ from "../components/space.js";
-import { C as U, H } from "./table.DL_CEeYh.js";
+import S from "../components/space.js";
+import { C as U, H } from "./table.CP3oGDY1.js";
 import { C as E } from "./typography.DJC_UXgs.js";
 import { n as o, C as T } from "./lib-cortex-element.CVMmyPMC.js";
 import V from "../components/dynamic-select.js";
 import { c as L } from "./component.styles.CRO4Odto.js";
 import { c as M } from "./custom-element.L4WJXn1j.js";
 import { d as W } from "./debounce.CIEhztrj.js";
-import { L as D } from "./i18n.D6AYDPK-.js";
+import { L as D } from "./i18n.C21qyGi6.js";
 import { w as v } from "./watch.CThbualB.js";
 import { a as J } from "./_commonjsHelpers.DQNKXVTB.js";
 import { i as z, x as l } from "./lit-element.jLBm65_O.js";
@@ -28,16 +28,16 @@ import { o as Z } from "./map.D8heArFD.js";
 import { c as x } from "./repeat.DbF2p5ae.js";
 import { n as N } from "./when.Dr1es41R.js";
 import { t as Q } from "./toString.CAY8lys2.js";
-import { C as ee } from "./icon-button.ztYU-DHy.js";
-import { C as te } from "./image.DKB6yEQO.js";
-import { a as ae } from "./asset.NgymQ3Zx.js";
+import { C as ee } from "./icon-button.DxkJ-cp-.js";
+import { C as te } from "./image.B-YcKRop.js";
+import { a as ae } from "./asset.HL1qMnhg.js";
 import { a as ie } from "./index.Cpamj0jB.js";
 import { A as g } from "./content-builder.OsUmm8Wu.js";
-import { b as ne, t as I } from "./string.DUgD4c9f.js";
+import { b as ne, t as w } from "./string.DUgD4c9f.js";
 import { t as se } from "./toast.D3AW3RWv.js";
-var C, w;
+var C, I;
 function re() {
-  return w || (w = 1, C = {
+  return I || (I = 1, C = {
     aa: {
       name: "Afar",
       nativeName: "Afaraf"
@@ -817,7 +817,7 @@ function de(e) {
   var t = ++ce;
   return Q(e) + t;
 }
-const pe = z`:host{isolation:isolate}.asset-picker__input[data-user-invalid]~.asset-picker__button::part(base){border-color:var(--cx-input-invalid-border-color)}.asset-picker__input[data-user-invalid]:focus-within~.asset-picker__button::part(base){border-color:var(--cx-input-invalid-border-color);box-shadow:var(--cx-input-invalid-shadow)}.asset-picker__button-container{position:relative}.asset-picker__button{z-index:1;position:relative}.asset-picker__image{--height:150px;--width:200px;--border-radius:var(--cx-border-radius-medium)}.asset-picker__input{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}`;
+const pe = z`:host{isolation:isolate}.asset-picker__input[data-user-invalid]~.asset-picker__trigger-wrapper .asset-picker__button::part(base){border-color:var(--cx-input-invalid-border-color)}.asset-picker__input[data-user-invalid]:focus-within~.asset-picker__trigger-wrapper .asset-picker__button::part(base){border-color:var(--cx-input-invalid-border-color);box-shadow:var(--cx-input-invalid-shadow)}.asset-picker__button-container{position:relative}.asset-picker__trigger-wrapper{z-index:1;position:relative}.asset-picker__image{--height:150px;--width:200px;--border-radius:var(--cx-border-radius-medium)}.asset-picker__input{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}`;
 var ue = Object.defineProperty, he = Object.getOwnPropertyDescriptor, u = (e, t, a, i) => {
   for (var s = i > 1 ? void 0 : i ? he(t, a) : t, p = e.length - 1, d; p >= 0; p--)
     (d = e[p]) && (s = (i ? d(t, a, s) : d(s)) || s);
@@ -906,10 +906,10 @@ let c = class extends T {
     if ((this.previewSrc || this.value) && this.acceptsType(g.Image))
       return l`<cx-image part="image" class="asset-picker__image" src=${this.previewSrc || this.value} alt=${this.name} width="200px" object-fit=${ie.Cover}></cx-image>`;
     if (this.name && this.acceptsType(g.Audio) || this.acceptsType(g.Video))
-      return l`<cx-typography variant="body-2">${I(this.name, 30, 11, 11)}</cx-typography>`;
+      return l`<cx-typography variant="body-2">${w(this.name, 30, 11, 11)}</cx-typography>`;
     if (this.name && (this.acceptsType(g.Other) || this.acceptsType(g.All))) {
       const e = this.name.split(",");
-      return l`<cx-typography variant="body-2">${I(e[0], 30, 11, 11)}
+      return l`<cx-typography variant="body-2">${w(e[0], 30, 11, 11)}
         ${N(
         e.length > 1,
         () => l` ${this.localize.term("andOthers", e.length - 1)}`
@@ -921,7 +921,7 @@ let c = class extends T {
     return l`<cx-space part="base" class="asset-picker" spacing="2x-small" direction="horizontal" align-items=${this.acceptsType(g.Image) ? "flex-start" : "center"}>${this.renderAssetPreview()}
         ${N(
       !this.disabled,
-      () => l`<div class="asset-picker__button-container"><cx-input class="asset-picker__input" aria-label=${this.localize.term("choose")} name=${this.name} value=${this.value} ?required=${this.required} .form=${this.closest("form")}></cx-input><cx-button part="button" class="asset-picker__button" @click=${this.handleRequestAssetClick}>${this.localize.term("choose")}</cx-button></div>${N(
+      () => l`<div part="button-container" class="asset-picker__button-container"><cx-input class="asset-picker__input" aria-label=${this.localize.term("choose")} name=${this.name} value=${this.value} ?required=${this.required} .form=${this.closest("form")}></cx-input><div class="asset-picker__trigger-wrapper"><slot name="trigger" @click=${this.handleRequestAssetClick}><cx-button part="button" class="asset-picker__button">${this.localize.term("choose")}</cx-button></slot></div></div>${N(
         this.value,
         () => l`<cx-icon-button label=${this.localize.term("delete")} name="delete" @click=${this.handleDeleteClick}></cx-icon-button>`
       )}
@@ -931,11 +931,11 @@ let c = class extends T {
 };
 c.styles = [L, pe];
 c.dependencies = {
-  "cx-button": k,
+  "cx-button": _,
   "cx-icon-button": ee,
   "cx-image": te,
-  "cx-input": S,
-  "cx-space": _,
+  "cx-input": k,
+  "cx-space": S,
   "cx-typography": E
 };
 u([
@@ -1241,18 +1241,18 @@ let n = class extends T {
 n.styles = [L, ve];
 n.dependencies = {
   "cx-asset-picker": c,
-  "cx-button": k,
+  "cx-button": _,
   "cx-dialog": O,
   "cx-dynamic-select": V,
   "cx-grid": G,
   "cx-grid-item": R,
-  "cx-input": S,
+  "cx-input": k,
   "cx-line-clamp": j,
   "cx-option": P,
   "cx-radio": F,
   "cx-radio-group": B,
   "cx-select": K,
-  "cx-space": _,
+  "cx-space": S,
   "cx-table": U,
   "cx-typography": E
 };

package/library/chunks/{option.BAYtHIvG.js → option.CcGRV3jj.js}

@@ -1,14 +1,14 @@
 import { n as s, C as x } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as m } from "./component.styles.CRO4Odto.js";
 import { c as v } from "./custom-element.L4WJXn1j.js";
-import { L as g } from "./i18n.D6AYDPK-.js";
+import { L as g } from "./i18n.C21qyGi6.js";
 import { w as d } from "./watch.CThbualB.js";
 import { i as b, x as h } from "./lit-element.jLBm65_O.js";
 import { r as f } from "./state.CSDxrqLd.js";
 import { e as _ } from "./query.BBf1UFkC.js";
 import { e as y } from "./class-map.BiVq-cVR.js";
 import { n as u } from "./when.Dr1es41R.js";
-import k from "../components/icon.js";
+import { C as k } from "./icon.DnBh6-56.js";
 import w from "../components/space.js";
 var r = /* @__PURE__ */ ((t) => (t.Left = "left", t.Right = "right", t))(r || {});
 const C = b`:host{-webkit-user-select:none;user-select:none;display:block}:host(:focus){outline:none}.option{font-family:var(--cx-font-sans);font-size:var(--cx-font-size-small);font-weight:var(--option-font-weight,var(--cx-font-weight-regular));line-height:var(--cx-line-height-large);letter-spacing:var(--cx-letter-spacing-normal);color:var(--option-color,var(--cx-color-neutral-700));padding:var(--cx-spacing-x-small) var(--cx-spacing-medium) var(--cx-spacing-x-small) var(--cx-spacing-x-small);transition:var(--cx-transition-fast) fill;cursor:pointer;align-items:center;display:flex;position:relative}.option:not(.option--show-check){padding-inline:var(--cx-spacing-small)}.option--hover:not(.option--current):not(.option--disabled){background-color:var(--cx-menu-item-background-color-hover)}.option--current,.option--current.option--disabled{background-color:var(--cx-menu-item-background-color-hover);opacity:1}.option--selected{color:var(--option-selected-color,var(--cx-color-primary));font-weight:var(--option-selected-font-weight,var(--cx-font-weight-regular))}.option--disabled{opacity:.5;cursor:default;outline:none}.option__content{flex:1}.option__label{line-height:var(--cx-line-height-medium);flex:auto;display:inline-block}.option .option__check{visibility:hidden;flex:none;justify-content:center;align-items:center;padding-inline-end:var(--cx-spacing-2x-small);display:none}.option--show-check .option__check{display:block}.option--show-check.option--selected .option__check{visibility:visible}.option__help-text{color:var(--option-help-text-color,var(--cx-color-neutral-600));font-weight:var(--option-help-text-font-weight,var(--cx-font-weight-regular))}.option--selected .option__content .option__help-text{color:var(--option-selected-help-text-color,var(--cx-color-primary));font-weight:var(--option-selected-help-text-font-weight,var(--cx-font-weight-regular))}.option__prefix,.option__suffix{flex:none;align-items:center;display:flex}.option__prefix::slotted(*){margin-inline-end:var(--cx-spacing-x-small)}.option__suffix::slotted(*){margin-inline-start:var(--cx-spacing-x-small)}.option__prefix{align-self:var(--prefix-alignment,center)}.option__suffix{align-self:var(--suffix-alignment,center)}.option__check{align-self:var(--check-alignment,center)}@media (forced-colors:active){:host(:hover:not([aria-disabled=true])) .option{outline-offset:-1px;outline:1px dashed selecteditem}}`;

package/library/chunks/{pagination.CCJD61IB.js → pagination.CgAt4Keg.js}

@@ -1,8 +1,8 @@
 import b from "../components/space.js";
 import { n as o, C as _ } from "./lib-cortex-element.CVMmyPMC.js";
-import { C as P, I as y } from "./icon-button.ztYU-DHy.js";
+import { C as P, I as y } from "./icon-button.DxkJ-cp-.js";
 import { c as f } from "./custom-element.L4WJXn1j.js";
-import { L as z } from "./i18n.D6AYDPK-.js";
+import { L as z } from "./i18n.C21qyGi6.js";
 import { c as m } from "./math.DqTA6ya4.js";
 import { w as d } from "./watch.CThbualB.js";
 import { i as C, x as s } from "./lit-element.jLBm65_O.js";
@@ -10,9 +10,9 @@ import { r as S } from "./state.CSDxrqLd.js";
 import { e as $ } from "./class-map.BiVq-cVR.js";
 import { c as x } from "./repeat.DbF2p5ae.js";
 import { n as g } from "./when.Dr1es41R.js";
-import { C as w } from "./button.i88sSbTZ.js";
-import v from "../components/input.js";
-import { C as I } from "./option.BAYtHIvG.js";
+import { C as w } from "./button.DIvU_uFU.js";
+import { C as v } from "./input.DdeXWD_F.js";
+import { C as I } from "./option.CcGRV3jj.js";
 import B from "../components/select.js";
 import N from "../components/tooltip.js";
 import { C as k } from "./typography.DJC_UXgs.js";

package/library/chunks/{tab-group.BsR8tdVY.js → tab-group.hfUY7YE7.js}

@@ -2,7 +2,7 @@ import In from "../components/resize-observer.js";
 import { n as wt, C as Fn } from "./lib-cortex-element.CVMmyPMC.js";
 import { c as Ln } from "./component.styles.CRO4Odto.js";
 import { c as $n } from "./custom-element.L4WJXn1j.js";
-import { L as Nn } from "./i18n.D6AYDPK-.js";
+import { L as Nn } from "./i18n.C21qyGi6.js";
 import { s as Zi } from "./scroll.xtO5yojm.js";
 import { w as ft } from "./watch.CThbualB.js";
 import { i as Bn } from "./dom.0RpWet6y.js";
@@ -17,9 +17,9 @@ import { i as Ji } from "./guard.D4axKaMo.js";
 import { o as tr } from "./map.D8heArFD.js";
 import { o as Ue } from "./style-map.llVFPd__.js";
 import { n as Pe } from "./when.Dr1es41R.js";
-import { C as Yn } from "./button.i88sSbTZ.js";
+import { C as Yn } from "./button.DIvU_uFU.js";
 import Xn from "../components/dropdown.js";
-import { C as qn } from "./icon-button.ztYU-DHy.js";
+import { C as qn } from "./icon-button.DxkJ-cp-.js";
 import Gn from "../components/menu.js";
 import Kn from "../components/menu-item.js";
 import jn from "../components/tab.js";