@orangelogic/design-system 2.167.0 → 2.169.0

package/library/components/tab-group.js

@@ -1,9 +1,9 @@
 import "./resize-observer.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/component.styles.CRO4Odto.js";
-import { C as A } from "../chunks/tab-group.f6LdzCbP.js";
+import { C as A } from "../chunks/tab-group.BdWDbwBy.js";
 import "../chunks/custom-element.L4WJXn1j.js";
-import "../chunks/i18n.Bchq8v1d.js";
+import "../chunks/i18n.DbXTTLXx.js";
 import "../chunks/scroll.xtO5yojm.js";
 import "../chunks/watch.DJF5K-8U.js";
 import "../chunks/dom.C5aVLhKS.js";
@@ -18,9 +18,9 @@ import "../chunks/guard.D4axKaMo.js";
 import "../chunks/map.D8heArFD.js";
 import "../chunks/style-map.llVFPd__.js";
 import "../chunks/when.Dr1es41R.js";
-import "../chunks/button.0_maNYUS.js";
+import "../chunks/button.DDem_XZq.js";
 import "./dropdown.js";
-import "../chunks/icon-button.BwmMJ0bI.js";
+import "../chunks/icon-button.DJvfUmOl.js";
 import "./menu.js";
 import "./menu-item.js";
 import "./tab.js";

package/library/components/tab.js

@@ -1,13 +1,13 @@
 import { n as a, C as v } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as u } from "../chunks/component.styles.CRO4Odto.js";
 import { c as h } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as f } from "../chunks/i18n.Bchq8v1d.js";
+import { L as f } from "../chunks/i18n.DbXTTLXx.js";
 import { H as x } from "../chunks/slot.j5oheLJC.js";
 import { w as p } from "../chunks/watch.DJF5K-8U.js";
 import { i as b, x as d } from "../chunks/lit-element.jLBm65_O.js";
 import { e as _ } from "../chunks/query.BBf1UFkC.js";
 import { e as n } from "../chunks/class-map.BiVq-cVR.js";
-import { C as g } from "../chunks/icon-button.BwmMJ0bI.js";
+import { C as g } from "../chunks/icon-button.DJvfUmOl.js";
 import y from "./line-clamp.js";
 const w = b`.tab{border-radius:var(--cx-border-radius-small);padding:var(--tab-padding,var(--cx-spacing-x-small));font:var(--cx-font-label-small);font-weight:var(--cx-font-weight-medium);white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;transition:var(--transition-speed) box-shadow, var(--transition-speed) color;max-width:var(--tab-max-width,none);align-items:center;display:inline-flex}.tab__label{flex:auto;min-width:0}.tab__label::part(content){word-break:break-all}.tab.tab--default{color:var(--tab-color,var(--cx-color-neutral-700));background-color:var(--tab-background-color,transparent)}.tab.tab--button{color:var(--tab-color,var(--cx-color-neutral-600));background-color:var(--tab-background-color,transparent);border-radius:var(--tab-border-radius,10px)}.tab.tab.tab--default:hover:not(.tab--disabled){color:var(--cx-color-primary)}.tab.tab.tab--button:hover:not(.tab--disabled):not(.tab--active){color:var(--cx-color-neutral-800)}.tab.tab--default.tab--active:not(.tab--disabled){color:var(--tab-active-color,var(--cx-color-primary));background-color:var(--tab-active-background-color,transparent)}.tab.tab--button.tab--active:not(.tab--disabled){background-color:var(--tab-active-background-color,var(--cx-color-neutral-200));color:var(--tab-active-color,var(--cx-color-neutral-800))}.tab.tab--closable{padding-inline-end:var(--cx-spacing-small)}.tab.tab--disabled{opacity:.5;cursor:default}.tab__close-button{font-size:var(--cx-font-size-small);margin-inline-start:var(--cx-spacing-small)}.tab__close-button::part(base){padding:var(--cx-spacing-3x-small)}@media (forced-colors:active){.tab.tab--active:not(.tab--disabled){outline-offset:-3px;outline:1px solid #0000}}`, k = b`.timeline-item{gap:var(--cx-spacing-small);font-family:var(--timeline-item-font-family), var(--cx-font-sans);font-style:var(--timeline-item-font-style,normal);font-size:var(--timeline-item-font-size,var(--cx-font-size-small));font-weight:var(--timeline-item-font-weight,var(--cx-font-weight-regular));border-radius:var(--cx-border-radius-small);padding:var(--tab-padding,var(--cx-spacing-x-small) var(--cx-spacing-small));white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;transition:var(--transition-speed) box-shadow, var(--transition-speed) color;max-width:var(--tab-max-width,none);flex-direction:column;display:flex;position:relative}.timeline-item--single{align-items:center}.timeline-item__content{--timeline-item-content-width:var(--min-tab-width);align-items:center;gap:var(--cx-spacing-x-large);left:calc(var(--i) / (var(--n) - 1) * (100% - var(--timeline-item-content-width)));width:var(--timeline-item-content-width);flex-direction:column;transition:left .4s linear;display:flex;position:relative}.timeline-item__label{flex:auto;min-width:0}.timeline-item__label::part(content){word-break:break-all}.timeline-item{color:var(--marker-color,var(--cx-color-neutral-700));background-color:var(--tab-background-color,transparent)}.timeline-item.timeline-item--active:not(.timeline-item--disabled),:host(:hover) .timeline-item:not(.timeline-item--disabled){color:var(--marker-active-color,var(--cx-color-primary))}.timeline-item.timeline-item--disabled{opacity:.5;cursor:default}@media (forced-colors:active){.timeline-item.timeline-item--active:not(.timeline-item--disabled){outline-offset:-3px;outline:1px solid #0000}}.timeline-item__thumbnail{width:var(--marker-image-width,120px);height:var(--marker-image-height,100px);border-radius:var(--marker-image-border-radius,var(--cx-border-radius-small));max-width:100%;display:block;overflow:hidden}.timeline-item.timeline-item--active:not(.timeline-item--disabled) .timeline-item__thumbnail:not(.timeline-item__thumbnail--empty),:host(:hover) .timeline-item:not(.timeline-item--disabled) .timeline-item__thumbnail:not(.timeline-item__thumbnail--empty){outline:4px solid var(--marker-active-color,var(--cx-color-primary))}.timeline-item__thumbnail.timeline-item__thumbnail--empty{display:none}.timeline-item__thumbnail::slotted(img){object-fit:cover;width:100%;height:100%}.timeline-item__indicator{isolation:isolate;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.timeline-item__indicator__dot{width:var(--cx-spacing-small);height:var(--cx-spacing-small);border-radius:var(--cx-border-radius-circle);background-color:var(--marker-color);z-index:1;display:block}.timeline-item__indicator__dot--active:not(.timeline-item__indicator__dot--disabled),:host(:hover) .timeline-item__indicator__dot:not(.timeline-item__indicator__dot--disabled){background-color:var(--marker-active-color)}`, C = b`
   :host {

package/library/components/tag.js

@@ -1,19 +1,19 @@
 import { n as i, C as p } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as u } from "../chunks/component.styles.CRO4Odto.js";
 import { c as x } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as h } from "../chunks/i18n.Bchq8v1d.js";
+import { L as h } from "../chunks/i18n.DbXTTLXx.js";
 import { H as v } from "../chunks/slot.j5oheLJC.js";
 import { i as d, x as m } from "../chunks/lit-element.jLBm65_O.js";
 import { e as f } from "../chunks/class-map.BiVq-cVR.js";
-import { C as b } from "../chunks/icon-button.BwmMJ0bI.js";
+import { C as b } from "../chunks/icon-button.DJvfUmOl.js";
 import _ from "./line-clamp.js";
 const n = 1, y = d`:host{display:inline-block}.tag{white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid;align-items:center;line-height:1;display:flex}.tag__content{min-width:0}.tag--has-prefix .tag__prefix,.tag--has-suffix .tag__suffix{flex:none;align-items:center;display:inline-flex}.tag--has-prefix .tag__prefix{margin-inline-end:var(--cx-spacing-x-small)}.tag--has-suffix .tag__suffix{margin-inline-start:var(--cx-spacing-x-small)}.tag__remove::part(base){color:inherit;padding:0}.tag--primary{background-color:var(--cx-color-primary-50);border-color:var(--cx-color-primary-300);color:var(--cx-color-primary-800)}.tag--primary:active>cx-icon-button{color:var(--cx-color-primary)}.tag--success{background-color:var(--cx-color-success-50);border-color:var(--cx-color-success-200);color:var(--cx-color-success-800)}.tag--success:active>cx-icon-button{color:var(--cx-color-success)}.tag--neutral{background-color:var(--cx-color-neutral-50);border-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral-800)}.tag--neutral:active>cx-icon-button{color:var(--cx-color-neutral-600)}.tag--warning{background-color:var(--cx-color-warning-50);border-color:var(--cx-color-warning-200);color:var(--cx-color-warning-800)}.tag--warning:active>cx-icon-button{color:var(--cx-color-warning)}.tag--danger{background-color:var(--cx-color-danger-50);border-color:var(--cx-color-danger-200);color:var(--cx-color-danger-800)}.tag--danger:active>cx-icon-button{color:var(--cx-color-danger)}.tag--small{font-size:var(--cx-button-font-size-small);height:calc(var(--cx-input-height-small) * .8);line-height:calc(var(--cx-input-height-small) - var(--cx-input-border-width) * 2);border-radius:var(--cx-input-border-radius-small);padding:0 var(--cx-spacing-x-small)}.tag--medium{font-size:var(--cx-button-font-size-medium);height:calc(var(--cx-input-height-medium) * .8);line-height:calc(var(--cx-input-height-medium) - var(--cx-input-border-width) * 2);border-radius:var(--cx-input-border-radius-medium);padding:0 var(--cx-spacing-small)}.tag--large{font-size:var(--cx-button-font-size-large);height:calc(var(--cx-input-height-large) * .8);line-height:calc(var(--cx-input-height-large) - var(--cx-input-border-width) * 2);border-radius:var(--cx-input-border-radius-large);padding:0 var(--cx-spacing-medium)}.tag--small .tag__remove::part(icon){--font-size:var(--cx-font-size-small)}.tag--medium .tag__remove::part(icon){--font-size:var(--cx-font-size-medium)}.tag--large .tag__remove::part(icon){--font-size:var(--cx-font-size-large)}.tag--pill{border-radius:var(--cx-border-radius-pill)}.tag--removable{padding-inline-end:0}.tag--multiline{white-space:normal;height:auto;padding-block:var(--cx-spacing-2x-small);align-items:flex-start}.tag--multiline.tag--small{line-height:var(--cx-line-height-small)}.tag--multiline.tag--medium{line-height:var(--cx-line-height-medium)}.tag--multiline.tag--large{line-height:var(--cx-line-height-large)}`;
-var w = Object.defineProperty, z = Object.getOwnPropertyDescriptor, t = (e, o, c, l) => {
-  for (var a = l > 1 ? void 0 : l ? z(o, c) : o, s = e.length - 1, g; s >= 0; s--)
-    (g = e[s]) && (a = (l ? g(o, c, a) : g(a)) || a);
-  return l && a && w(o, c, a), a;
+var z = Object.defineProperty, w = Object.getOwnPropertyDescriptor, t = (e, o, c, l) => {
+  for (var r = l > 1 ? void 0 : l ? w(o, c) : o, s = e.length - 1, g; s >= 0; s--)
+    (g = e[s]) && (r = (l ? g(o, c, r) : g(r)) || r);
+  return l && r && z(o, c, r), r;
 };
-let r = class extends p {
+let a = class extends p {
   constructor() {
     super(...arguments), this.localize = new h(this), this.hasSlotController = new v(
       this,
@@ -45,32 +45,32 @@ let r = class extends p {
       "tag--success": this.variant === "success",
       "tag--text": this.variant === "text",
       "tag--warning": this.variant === "warning"
-    })}><slot name="prefix" part="prefix" class="tag__prefix"></slot><cx-line-clamp class="tag__content" lines=${e}><slot part="content"></slot></cx-line-clamp><slot name="suffix" part="suffix" class="tag__suffix"></slot>${this.removable ? m`<cx-icon-button part="remove-button" exportparts="base:remove-button__base" name="close" label=${this.localize.term("remove")} class="tag__remove" @click=${this.handleRemoveClick} tabindex="-1"></cx-icon-button>` : ""}</span>`;
+    })}><slot name="prefix" part="prefix" class="tag__prefix"></slot><cx-line-clamp class="tag__content" lines=${e}><slot part="content"></slot></cx-line-clamp><slot name="suffix" part="suffix" class="tag__suffix"></slot>${this.removable ? m`<cx-icon-button part="remove-button" exportparts="base:remove-button__base" name="close" label=${this.localize.term("remove")} class="tag__remove" @click=${this.handleRemoveClick} tabindex="-1" size="small"></cx-icon-button>` : ""}</span>`;
   }
 };
-r.styles = [u, y];
-r.dependencies = {
+a.styles = [u, y];
+a.dependencies = {
   "cx-icon-button": b,
   "cx-line-clamp": _
 };
 t([
   i({ reflect: !0 })
-], r.prototype, "variant", 2);
+], a.prototype, "variant", 2);
 t([
   i({ reflect: !0 })
-], r.prototype, "size", 2);
+], a.prototype, "size", 2);
 t([
   i({ reflect: !0, type: Boolean })
-], r.prototype, "pill", 2);
+], a.prototype, "pill", 2);
 t([
   i({ type: Boolean })
-], r.prototype, "removable", 2);
+], a.prototype, "removable", 2);
 t([
   i({ type: Number })
-], r.prototype, "lines", 2);
-r = t([
+], a.prototype, "lines", 2);
+a = t([
   x("cx-tag")
-], r);
+], a);
 export {
-  r as default
+  a as default
 };

package/library/components/tooltip.js

@@ -2,7 +2,7 @@ import { n as i, C as b } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as g } from "../chunks/component.styles.CRO4Odto.js";
 import { p as c, s as u, a as m, w as y } from "../chunks/event.BeKOsirN.js";
 import { c as w } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as x } from "../chunks/i18n.Bchq8v1d.js";
+import { L as x } from "../chunks/i18n.DbXTTLXx.js";
 import { w as l } from "../chunks/watch.DJF5K-8U.js";
 import { i as C, x as k } from "../chunks/lit-element.jLBm65_O.js";
 import { e as d } from "../chunks/query.BBf1UFkC.js";

package/library/components/tree-item.js

@@ -2,7 +2,7 @@ import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/component.styles.CRO4Odto.js";
 import "../chunks/event.BeKOsirN.js";
 import "../chunks/custom-element.L4WJXn1j.js";
-import "../chunks/i18n.Bchq8v1d.js";
+import "../chunks/i18n.DbXTTLXx.js";
 import "../chunks/watch.DJF5K-8U.js";
 import "../chunks/lit-element.jLBm65_O.js";
 import "../chunks/state.CSDxrqLd.js";
@@ -16,7 +16,7 @@ import "./checkbox.js";
 import "../chunks/icon.D5iM9wXS.js";
 import "./line-clamp.js";
 import "./spinner.js";
-import { C as k } from "../chunks/tree.vn5sHbdt.js";
+import { C as k } from "../chunks/tree.B0-6Ny9b.js";
 export {
   k as default
 };

package/library/components/tree.js

@@ -1,10 +1,10 @@
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/component.styles.CRO4Odto.js";
 import "../chunks/custom-element.L4WJXn1j.js";
-import "../chunks/i18n.Bchq8v1d.js";
+import "../chunks/i18n.DbXTTLXx.js";
 import "../chunks/math.DuKzLacZ.js";
 import "../chunks/watch.DJF5K-8U.js";
-import { a as b, b as f, s as x, c as d } from "../chunks/tree.vn5sHbdt.js";
+import { a as b, b as f, s as x, c as d } from "../chunks/tree.B0-6Ny9b.js";
 import "../chunks/lit-element.jLBm65_O.js";
 import "../chunks/state.CSDxrqLd.js";
 import "../chunks/query.BBf1UFkC.js";

package/library/components/typeface.js

@@ -1,13 +1,13 @@
 import d from "./grid.js";
 import m from "./grid-item.js";
-import { C as x } from "../chunks/icon-button.BwmMJ0bI.js";
+import { C as x } from "../chunks/icon-button.DJvfUmOl.js";
 import h from "./line-clamp.js";
 import g from "./space.js";
 import { C as w } from "../chunks/typography.IqHbnd3C.js";
 import { n as a, C as u } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as v } from "../chunks/component.styles.CRO4Odto.js";
 import { c as _ } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as S } from "../chunks/i18n.Bchq8v1d.js";
+import { L as S } from "../chunks/i18n.DbXTTLXx.js";
 import { i as $, x as r } from "../chunks/lit-element.jLBm65_O.js";
 import { o as y } from "../chunks/if-defined.BRoBj_Rp.js";
 import { o as b } from "../chunks/style-map.llVFPd__.js";