@orangelogic/design-system 2.54.0 → 2.55.0-ci.2

package/library/chunks/{color-swatch-group.CG_PUG1X.js → color-swatch-group.Bsa_Z57a.js}

@@ -1,5 +1,5 @@
 import _ from "../components/space.js";
-import { C as z } from "./table.C8gqB3Ym.js";
+import { C as z } from "./table.-ecyjIUr.js";
 import { C as $ } from "./typography.BFpl0WMA.js";
 import { x as h, B as F, i as k, n as p, C as A, c as S } from "./custom-element.vnXBMQxc.js";
 import { C as v, a as m } from "./color-swatch.CsKJgvVf.js";

package/library/chunks/{list-editor.qPIn_AFA.js → list-editor.Ct803qvF.js}

@@ -7,7 +7,7 @@ import T from "../components/line-clamp.js";
 import R from "../components/radio.js";
 import O from "../components/radio-group.js";
 import $ from "../components/space.js";
-import { C as P, H as k } from "./table.C8gqB3Ym.js";
+import { C as P, H as k } from "./table.-ecyjIUr.js";
 import { C as I } from "./typography.BFpl0WMA.js";
 import { i as A, n, C as w, x as l, c as E } from "./custom-element.vnXBMQxc.js";
 import { c as D } from "./component.styles.CI-v8BZa.js";

package/library/chunks/{table.C8gqB3Ym.js → table.-ecyjIUr.js}

@@ -923,6 +923,7 @@ const Is = Qt`
      * cell css vars
      */
     --cell-border-color: transparent;
+    --cell-bottom-border-color: var(--cx-color-neutral-200);
     --cell-horizontal-padding: var(--cx-spacing-large);
     --cell-font-size: var(--cx-font-size-small);
     --cell-font-weight: var(--cx-font-weight-regular);
@@ -1845,7 +1846,7 @@ const Is = Qt`
     box-sizing: border-box;
     padding: var(--cx-spacing-2x-small) var(--cell-horizontal-padding);
     border-right: var(--border-width) solid var(--cell-border-color);
-    border-bottom: var(--border-width) solid var(--cell-border-color);
+    border-bottom: var(--border-width) solid var(--cell-bottom-border-color);
     outline: none;
   }
 
@@ -2461,7 +2462,7 @@ const Is = Qt`
   .tabulator-row.tabulator-placeholder-row {
     border-left: var(--border-width) solid var(--cell-border-color);
     border-right: var(--border-width) solid var(--cell-border-color);
-    border-bottom: var(--border-width) solid var(--cell-border-color);
+    border-bottom: var(--border-width) solid var(--cell-bottom-border-color);
     padding: var(--cx-spacing-2x-small) var(--cell-horizontal-padding);
   }
 `, Ws = {

package/library/chunks/{timecode.D4_FNCCI.js → timecode.PY1bymeS.js}

@@ -1,22 +1,24 @@
-import { C as l, T as d } from "./typography.BFpl0WMA.js";
-import { i as y, n as s, C as f, E as g, x as u, c as x } from "./custom-element.vnXBMQxc.js";
-import { c as v } from "./component.styles.CI-v8BZa.js";
+import { C as l, T as y } from "./typography.BFpl0WMA.js";
+import { i as f, n as m, C as d, E as g, x as u, c as v } from "./custom-element.vnXBMQxc.js";
+import { c as x } from "./component.styles.CI-v8BZa.js";
 import { T as b, f as c } from "./string.D6poLUEC.js";
 import { w as h } from "./watch.BCJD77bD.js";
 import { r as S } from "./state.Cw55xXlb.js";
 const C = {
-  fromAttribute: (r) => r?.split(" ").map((e) => {
+  fromAttribute: (i) => i?.split(" ").map((e) => {
     const o = Number.parseFloat(e);
     if (!Number.isNaN(o))
       return o;
   }).filter((e) => e !== void 0) ?? [],
-  toAttribute: (r) => Array.isArray(r) ? r.join(" ").trim() : ""
-}, T = y`
+  toAttribute: (i) => Array.isArray(i) ? i.join(" ").trim() : ""
+}, T = f`
   :host {
     display: inline;
     white-space: normal;
+  }
+  :host([is-preview]) {
     background-color: var(--cx-color-primary-50, #e5f1ff);
-    padding-inline: var(--cx-spacing-2x-small);
+    padding-inline: var(--cx-spacing-2x-small, 4px);
   }
   .time {
     --color: var(--cx-color-primary);
@@ -25,14 +27,14 @@ const C = {
     display: inline;
   }
 `;
-var R = Object.defineProperty, M = Object.getOwnPropertyDescriptor, a = (r, e, o, m) => {
-  for (var i = m > 1 ? void 0 : m ? M(e, o) : e, n = r.length - 1, p; n >= 0; n--)
-    (p = r[n]) && (i = (m ? p(e, o, i) : p(i)) || i);
-  return m && i && R(e, o, i), i;
+var w = Object.defineProperty, R = Object.getOwnPropertyDescriptor, r = (i, e, o, s) => {
+  for (var a = s > 1 ? void 0 : s ? R(e, o) : e, n = i.length - 1, p; n >= 0; n--)
+    (p = i[n]) && (a = (s ? p(e, o, a) : p(a)) || a);
+  return s && a && w(e, o, a), a;
 };
-let t = class extends f {
+let t = class extends d {
   constructor() {
-    super(...arguments), this.time = [], this.timecodeMode = b.Standard, this.frameRate = 24, this.typographyVariant = d.Small, this.timeString = "";
+    super(...arguments), this.time = [], this.timecodeMode = b.Standard, this.frameRate = 24, this.isPreview = !1, this.typographyVariant = y.Small, this.timeString = "";
   }
   handleTimeChange() {
     if (!this.time?.length) {
@@ -62,37 +64,40 @@ let t = class extends f {
     ` : g;
   }
 };
-t.styles = [v, T];
+t.styles = [x, T];
 t.dependencies = {
   "cx-typography": l
 };
-a([
-  s({
+r([
+  m({
     attribute: "time",
     converter: C,
     reflect: !0,
     type: String
   })
 ], t.prototype, "time", 2);
-a([
-  s({ attribute: "timecode-mode", reflect: !0, type: String })
+r([
+  m({ attribute: "timecode-mode", reflect: !0, type: String })
 ], t.prototype, "timecodeMode", 2);
-a([
-  s({ attribute: "frame-rate", reflect: !0, type: Number })
+r([
+  m({ attribute: "frame-rate", reflect: !0, type: Number })
 ], t.prototype, "frameRate", 2);
-a([
-  s({ attribute: "typography-variant", type: String })
+r([
+  m({ attribute: "is-preview", reflect: !0, type: Boolean })
+], t.prototype, "isPreview", 2);
+r([
+  m({ attribute: "typography-variant", type: String })
 ], t.prototype, "typographyVariant", 2);
-a([
+r([
   S()
 ], t.prototype, "timeString", 2);
-a([
+r([
   h("time"),
   h("timecodeMode"),
   h("frameRate")
 ], t.prototype, "handleTimeChange", 1);
-t = a([
-  x("cx-timecode")
+t = r([
+  v("cx-timecode")
 ], t);
 export {
   t as C,

package/library/components/atoms.js

@@ -67,11 +67,11 @@ import { default as Mo } from "./stepper.js";
 import { default as Oo } from "./switch.js";
 import { default as wo } from "./tab.js";
 import { C as ho } from "../chunks/tab-group.BWYMMhrE.js";
-import { C as No } from "../chunks/table.C8gqB3Ym.js";
+import { C as No } from "../chunks/table.-ecyjIUr.js";
 import { default as Eo } from "./tab-panel.js";
 import { default as Vo } from "./tag.js";
 import { default as Qo } from "./textarea.js";
-import { C as Jo } from "../chunks/timecode.D4_FNCCI.js";
+import { C as Jo } from "../chunks/timecode.PY1bymeS.js";
 import { default as Uo } from "./tooltip.js";
 import { a as Xo, C as Yo } from "../chunks/tree.82OigIgE.js";
 import { C as _o } from "../chunks/typography.BFpl0WMA.js";

package/library/components/color-swatch-group.js

@@ -1,10 +1,10 @@
 import "./space.js";
-import "../chunks/table.C8gqB3Ym.js";
+import "../chunks/table.-ecyjIUr.js";
 import "../chunks/typography.BFpl0WMA.js";
 import "../chunks/custom-element.vnXBMQxc.js";
 import "../chunks/color-swatch.CsKJgvVf.js";
 import "../chunks/component.styles.CI-v8BZa.js";
-import { C as n } from "../chunks/color-swatch-group.CG_PUG1X.js";
+import { C as n } from "../chunks/color-swatch-group.Bsa_Z57a.js";
 import "../chunks/content-builder.UlVFSATk.js";
 import "../chunks/popup.Ba501Rgg.js";
 import "../chunks/i18n.C3Z8Xe8q.js";

package/library/components/list-editor.js

@@ -7,7 +7,7 @@ import "./line-clamp.js";
 import "./radio.js";
 import "./radio-group.js";
 import "./space.js";
-import "../chunks/table.C8gqB3Ym.js";
+import "../chunks/table.-ecyjIUr.js";
 import "../chunks/typography.BFpl0WMA.js";
 import "../chunks/custom-element.vnXBMQxc.js";
 import "../chunks/component.styles.CI-v8BZa.js";
@@ -20,7 +20,7 @@ import "../chunks/choose.BTbF6BAn.js";
 import "../chunks/class-map.CoZTSvbM.js";
 import "../chunks/repeat.CauKaXyy.js";
 import "../chunks/when.Dr1es41R.js";
-import { c as v, C as w } from "../chunks/list-editor.qPIn_AFA.js";
+import { c as v, C as w } from "../chunks/list-editor.Ct803qvF.js";
 export {
   v as columnDefaults,
   w as default

package/library/components/molecules.js

@@ -6,7 +6,7 @@ import { default as u } from "./corner-position-input-group.js";
 import { C as m } from "../chunks/cropper.aA0v16xS.js";
 import { default as i } from "./dynamic-select.js";
 import { C as c } from "../chunks/folder-select.ELghy6Qk.js";
-import { C as P } from "../chunks/list-editor.qPIn_AFA.js";
+import { C as P } from "../chunks/list-editor.Ct803qvF.js";
 import { default as I } from "./masonry.js";
 import { default as y } from "./padding-input-group.js";
 import { default as w } from "./position-picker.js";

package/library/components/organisms.js

@@ -1,5 +1,5 @@
 import { default as a } from "./asset-link-format.js";
-import { C as t } from "../chunks/color-swatch-group.CG_PUG1X.js";
+import { C as t } from "../chunks/color-swatch-group.Bsa_Z57a.js";
 import { C } from "../chunks/file-on-demand.Cr7E_KqH.js";
 export {
   a as CxAssetLinkFormat,

package/library/components/table.js

@@ -8,7 +8,7 @@ import "../chunks/custom-element.vnXBMQxc.js";
 import "../chunks/component.styles.CI-v8BZa.js";
 import "../chunks/overlayscrollbars.aFuRG5Rs.js";
 import "../chunks/pagination.y5oqoPVr.js";
-import { A as w, l as T, n as x, e as z, c as F, o as P, p as S, d as v, a5 as y, a6 as A, D as g, q as D, E as I, s as h, F as E, t as G, u as f, v as j, G as H, w as K, x as L, y as V, I as k, z as q, K as B, B as J, M as N, J as O, L as Q, N as U, O as W, Q as X, U as Y, V as Z, P as _, h as $, W as oo, k as eo, X as ao, Y as so, Z as lo, _ as uo, j as to, R as Mo, a0 as ro, $ as io, S as po, a1 as no, a2 as mo, T as Co, b as Ro, a3 as co, a4 as bo, C as wo } from "../chunks/table.C8gqB3Ym.js";
+import { A as w, l as T, n as x, e as z, c as F, o as P, p as S, d as v, a5 as y, a6 as A, D as g, q as D, E as I, s as h, F as E, t as G, u as f, v as j, G as H, w as K, x as L, y as V, I as k, z as q, K as B, B as J, M as N, J as O, L as Q, N as U, O as W, Q as X, U as Y, V as Z, P as _, h as $, W as oo, k as eo, X as ao, Y as so, Z as lo, _ as uo, j as to, R as Mo, a0 as ro, $ as io, S as po, a1 as no, a2 as mo, T as Co, b as Ro, a3 as co, a4 as bo, C as wo } from "../chunks/table.-ecyjIUr.js";
 import "../chunks/i18n.C3Z8Xe8q.js";
 import "../chunks/watch.BCJD77bD.js";
 import "../chunks/state.Cw55xXlb.js";

package/library/components/timecode.js

@@ -2,7 +2,7 @@ import "../chunks/typography.BFpl0WMA.js";
 import "../chunks/custom-element.vnXBMQxc.js";
 import "../chunks/component.styles.CI-v8BZa.js";
 import "../chunks/string.D6poLUEC.js";
-import { C as f } from "../chunks/timecode.D4_FNCCI.js";
+import { C as f } from "../chunks/timecode.PY1bymeS.js";
 import "../chunks/watch.BCJD77bD.js";
 import "../chunks/state.Cw55xXlb.js";
 export {

package/library/components/types.js

@@ -67,11 +67,11 @@ import { default as kGt } from "./stepper.js";
 import nk from "./switch.js";
 import rk from "./tab.js";
 import { C as ik, T as y9, a as b9, b as w9, g as G7 } from "../chunks/tab-group.BWYMMhrE.js";
-import { C as PR, f as Hh, i as NR, r as pY, m as hY, a as K7, g as Y7 } from "../chunks/table.C8gqB3Ym.js";
+import { C as PR, f as Hh, i as NR, r as pY, m as hY, a as K7, g as Y7 } from "../chunks/table.-ecyjIUr.js";
 import x9 from "./tab-panel.js";
 import { default as CGt } from "./tag.js";
 import gY from "./textarea.js";
-import { C as mY, t as fY } from "../chunks/timecode.D4_FNCCI.js";
+import { C as mY, t as fY } from "../chunks/timecode.PY1bymeS.js";
 import ya from "./tooltip.js";
 import { d as vY, v as Qf } from "../chunks/tree.82OigIgE.js";
 import { a as EGt, C as TGt } from "../chunks/tree.82OigIgE.js";
@@ -97,7 +97,7 @@ import { c as ob, b as BY } from "../chunks/capitalize.CNStXZBq.js";
 import { o as nr } from "../chunks/style-map.CZovMmo_.js";
 import { a as ab, d as zY, e as FY, D as G_, u as $Y, t as fc, f as ak } from "../chunks/asset.Ba-CxnNM.js";
 import { H as jY } from "../chunks/slot.DJLm4Dig.js";
-import { a as S9, u as Gu, C as HY } from "../chunks/list-editor.qPIn_AFA.js";
+import { a as S9, u as Gu, C as HY } from "../chunks/list-editor.Ct803qvF.js";
 import UY from "./bicolor-picker.js";
 import jR from "./border-input-group.js";
 import { p as HR, c as km, b as _m, d as qY, e as VY, g as K_ } from "../chunks/color-swatch.CsKJgvVf.js";
@@ -122,8 +122,8 @@ import oX from "./masonry.js";
 import aX from "./padding-input-group.js";
 import sX from "./position-picker.js";
 import { D as Vw, P as X_, E as dd, B as ft, a as Of, A as og, b as cX, T as cO } from "../chunks/content-builder.UlVFSATk.js";
-import { g as lX, a as lO, b as Ww } from "../chunks/color-swatch-group.CG_PUG1X.js";
-import { C as VGt } from "../chunks/color-swatch-group.CG_PUG1X.js";
+import { g as lX, a as lO, b as Ww } from "../chunks/color-swatch-group.Bsa_Z57a.js";
+import { C as VGt } from "../chunks/color-swatch-group.Bsa_Z57a.js";
 import dX from "./shadow-input-group.js";
 import { default as GGt } from "./share-option-list.js";
 import { default as YGt } from "./sidebar.js";

package/library/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "2.54.0",
+  "version": "2.55.0-ci.2",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {

package/library/packages/atoms/src/components/timecode/timecode.d.ts

@@ -24,6 +24,10 @@ export default class CxTimecode extends CortexElement {
      * The frame rate for the time based feature.
      */
     frameRate: number;
+    /**
+     * When true, applies the preview background and padding styles.
+     */
+    isPreview: boolean;
     /**
      * The typography variant for the timecode.
      */

package/library/react-web-component.d.ts

@@ -4658,6 +4658,10 @@
           * The frame rate for the time based feature.
         */
         frameRate?: number;
+        /**
+          * When true, applies the preview background and padding styles.
+        */
+        isPreview?: boolean;
         /**
           * The typography variant for the timecode.
         */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "2.54.0",
+  "version": "2.55.0-ci.2",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {