@orangelogic/design-system 2.40.0 → 2.41.0

package/library/chunks/{file-on-demand.DXRAzYgf.js → file-on-demand.CDmWsGRn.js}

@@ -1,6 +1,6 @@
 import lt from "../components/icon.js";
 import dt from "../components/line-clamp.js";
-import { C as pt, s as ht, a as ut, b as Q } from "./tree.BcFl8OPo.js";
+import { C as pt, s as ht, a as ut, b as Q } from "./tree.CosVsXy1.js";
 import { n as p, C as Y, x as r, c as K, i as gt, E as bt } from "./custom-element.fmLrnDZr.js";
 import { c as xt } from "./component.styles.DtouHn2g.js";
 import { L as Z } from "./i18n.D33BKrRs.js";

package/library/chunks/{folder-select.BX-vw9QK.js → folder-select.C5huQor-.js}

@@ -1,7 +1,7 @@
 import G from "../components/icon.js";
 import Z from "../components/input.js";
 import { C as J } from "./select.Bo8mWJ1g.js";
-import { C as x, a as K } from "./tree.BcFl8OPo.js";
+import { C as x, a as K } from "./tree.CosVsXy1.js";
 import { n as r, C as I, x as f, c as w, i as X } from "./custom-element.fmLrnDZr.js";
 import { h as k, F as Y, b as A } from "./endpoints.B7lcoc1N.js";
 import { c as R } from "./component.styles.DtouHn2g.js";

package/library/chunks/{tree.BcFl8OPo.js → tree.CosVsXy1.js}

@@ -6,10 +6,10 @@ import { w as b } from "./watch.BCJD77bD.js";
 import { r as y } from "./state.Dt9F_SuS.js";
 import { e as f } from "./query.BBf1UFkC.js";
 import { a as z, g as P, b as U, c as $, s as H } from "./animation-registry.DavRkTTr.js";
-import { e as E } from "./class-map.DqNfBvJI.js";
+import { e as w } from "./class-map.DqNfBvJI.js";
 import { o as _ } from "./if-defined.CKupVaWs.js";
 import { l as W } from "./live.DCdtYl87.js";
-import { n as w } from "./when.Dr1es41R.js";
+import { n as E } from "./when.Dr1es41R.js";
 import Y from "../components/checkbox.js";
 import J from "../components/icon.js";
 import Q from "../components/spinner.js";
@@ -54,13 +54,12 @@ const le = R`
   :host {
     display: block;
     outline: 0;
-    padding: var(--cx-focus-ring-width);
 
-    --selected-color: var(--cx-color-primary);
+    --selected-color: var(--cx-color-primary-600);
     --selected-background-color: var(--cx-color-primary-50);
     --hover-background-color: var(--cx-menu-item-background-color-hover);
     --active-background-color: var(--cx-color-neutral-200);
-    --item-padding: var(--cx-spacing-x-small) var(--cx-spacing-small);
+    --item-padding: var(--cx-spacing-2x-small) var(--cx-spacing-x-small);
   }
 
   :host(:focus-visible) .tree-item {
@@ -96,7 +95,7 @@ const le = R`
   .tree-item__label {
     font-family: var(--cx-font-sans);
     font-size: var(--cx-tree-item-font-size, var(--cx-font-size-small));
-    font-weight: var(--cx-tree-item-font-weight, var(--cx-font-weight-regular));
+    font-weight: var(--cx-tree-item-font-weight, var(--cx-font-weight-medium));
     line-height: var(--cx-tree-item-line-height, var(--cx-line-height-large));
     letter-spacing: var(--cx-tree-item-letter-spacing, var(--cx-letter-spacing-normal));
   }
@@ -516,13 +515,13 @@ let a = class extends N {
     const e = this.localize.dir() === "rtl", t = this.showExpandButton;
     return x` <div
       part="expand-button"
-      class=${E({
+      class=${w({
       "tree-item__expand-button": !0,
       "tree-item__expand-button--visible": t
     })}
       aria-hidden="true"
     >
-      ${w(
+      ${E(
       this.loading,
       () => x`
           <cx-spinner
@@ -584,7 +583,7 @@ let a = class extends N {
         <a
           id="anchor"
           part="base"
-          class=${E({
+          class=${w({
       "tree-item": !0,
       "tree-item--disabled": this.disabled,
       "tree-item--expanded": this.expanded,
@@ -604,7 +603,7 @@ let a = class extends N {
       ` : x`
       <div
         part="base"
-        class=${E({
+        class=${w({
       "tree-item": !0,
       "tree-item--disabled": this.disabled,
       "tree-item--expanded": this.expanded,
@@ -632,12 +631,12 @@ let a = class extends N {
       >
         <div class="tree-item__indentation" part="indentation"></div>
 
-        ${w(
+        ${E(
       this.expandButtonPlacement === "start",
       this.renderExpandButton,
       () => L
     )}
-        ${w(
+        ${E(
       this.selectable,
       () => x`
             <cx-checkbox
@@ -663,7 +662,7 @@ let a = class extends N {
         <slot class="tree-item__label" part="label"></slot>
         <slot class="tree-item__actions" part="actions" name="actions"></slot>
 
-        ${w(
+        ${E(
       this.expandButtonPlacement === "end",
       this.renderExpandButton,
       () => L

package/library/components/atoms.js

@@ -71,7 +71,7 @@ import { default as No } from "./tag.js";
 import { default as Eo } from "./textarea.js";
 import { C as Vo } from "../chunks/timecode.BOz71Ho5.js";
 import { default as Qo } from "./tooltip.js";
-import { a as Jo, C as Ko } from "../chunks/tree.BcFl8OPo.js";
+import { a as Jo, C as Ko } from "../chunks/tree.CosVsXy1.js";
 import { C as Wo } from "../chunks/typography.trna8y2b.js";
 import { default as Yo } from "./video.js";
 import { default as _o } from "./visually-hidden.js";

package/library/components/file-on-demand.js

@@ -1,4 +1,4 @@
-import { C as J } from "../chunks/file-on-demand.DXRAzYgf.js";
+import { C as J } from "../chunks/file-on-demand.CDmWsGRn.js";
 import "./avatar.js";
 import "../chunks/button.DrU92LJQ.js";
 import "../chunks/dialog.XjpQ3Rkk.js";
@@ -17,7 +17,7 @@ import "./tab.js";
 import "../chunks/tab-group.BQ3bElvJ.js";
 import "./tab-panel.js";
 import "./tooltip.js";
-import "../chunks/tree.BcFl8OPo.js";
+import "../chunks/tree.CosVsXy1.js";
 import "../chunks/typography.trna8y2b.js";
 import "../chunks/custom-element.fmLrnDZr.js";
 import "../chunks/confirm-popover.Bh2Uqczy.js";

package/library/components/folder-select.js

@@ -1,9 +1,9 @@
 import "./icon.js";
 import "./input.js";
 import "../chunks/select.Bo8mWJ1g.js";
-import "../chunks/tree.BcFl8OPo.js";
+import "../chunks/tree.CosVsXy1.js";
 import "../chunks/custom-element.fmLrnDZr.js";
-import { C } from "../chunks/folder-select.BX-vw9QK.js";
+import { C } from "../chunks/folder-select.C5huQor-.js";
 import "../chunks/component.styles.DtouHn2g.js";
 import "../chunks/i18n.D33BKrRs.js";
 import "../chunks/watch.BCJD77bD.js";

package/library/components/molecules.js

@@ -5,7 +5,7 @@ import { C } from "../chunks/confirm-popover.Bh2Uqczy.js";
 import { default as u } from "./corner-position-input-group.js";
 import { C as m } from "../chunks/cropper.3qRm5dEe.js";
 import { default as i } from "./dynamic-select.js";
-import { C as c } from "../chunks/folder-select.BX-vw9QK.js";
+import { C as c } from "../chunks/folder-select.C5huQor-.js";
 import { C as P } from "../chunks/list-editor.Bqn8L6sL.js";
 import { default as I } from "./masonry.js";
 import { default as y } from "./padding-input-group.js";

package/library/components/organisms.js

@@ -1,6 +1,6 @@
 import { default as a } from "./asset-link-format.js";
 import { C as t } from "../chunks/color-swatch-group.DrpRd8Xw.js";
-import { C } from "../chunks/file-on-demand.DXRAzYgf.js";
+import { C } from "../chunks/file-on-demand.CDmWsGRn.js";
 export {
   a as CxAssetLinkFormat,
   t as CxColorSwatchGroup,

package/library/components/tree-item.js

@@ -12,7 +12,7 @@ import "../chunks/when.Dr1es41R.js";
 import "./checkbox.js";
 import "./icon.js";
 import "./spinner.js";
-import { C as c } from "../chunks/tree.BcFl8OPo.js";
+import { C as c } from "../chunks/tree.CosVsXy1.js";
 export {
   c as default
 };

package/library/components/tree.js

@@ -3,7 +3,7 @@ import "../chunks/component.styles.DtouHn2g.js";
 import "../chunks/i18n.D33BKrRs.js";
 import "../chunks/math.DqTA6ya4.js";
 import "../chunks/watch.BCJD77bD.js";
-import { a as c, b as n, s as y, c as b } from "../chunks/tree.BcFl8OPo.js";
+import { a as c, b as n, s as y, c as b } from "../chunks/tree.CosVsXy1.js";
 import "../chunks/state.Dt9F_SuS.js";
 import "../chunks/query.BBf1UFkC.js";
 export {