@orangelogic/design-system 3.30.0 → 3.32.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -23231,7 +23231,7 @@ g = v([
23231
23231
  ], g);
23232
23232
  const xf = g;
23233
23233
  var Ve = /* @__PURE__ */ ((r) => (r.Circles = "circles", r.Grid = "grid", r.Table = "table", r))(Ve || {}), Qt = /* @__PURE__ */ ((r) => (r.FillContainer = "fill-container", r.HugContents = "hug-contents", r))(Qt || {}), Ef = /* @__PURE__ */ ((r) => (r.Center = "center", r.Left = "left", r.Right = "right", r))(Ef || {}), kt = /* @__PURE__ */ ((r) => (r.ColumnTitles = "column-titles", r.PaletteName = "palette-name", r.SeparatorLine = "separator-line", r))(kt || {});
23234
- const Gm = {
23234
+ const Um = {
23235
23235
  alignment: "left",
23236
23236
  color: "",
23237
23237
  constraints: !1,
@@ -23380,13 +23380,13 @@ function Mf(r) {
23380
23380
  function go(r) {
23381
23381
  return `custom-${r}`;
23382
23382
  }
23383
- const Tf = Q`:host{--grid-gap:var(--cx-spacing-medium);--grid-column-gap:var(--grid-gap);--grid-row-gap:var(--grid-gap);--padding:0;--palette-title-font-size:var(--cx-font-size-x-large);--palette-title-color:light-dark(#000,#fff);--column-title-font-size:var(--cx-font-size-large);--column-title-color:light-dark(#000,#fff);--name-swatch-width:64px;--name-swatch-height:32px;--name-swatch-border-radius:0;--swatch-circle-size:350px;--swatch-circle-border-radius:1000px;--swatch-circle-content-align:center;--swatch-circle-content-justify:center;--swatch-circle-content-margin:0px;--swatch-group-horizontal-gap:-120px;--swatch-border:light-dark(#0000,#0000) 0px;--swatch-border-radius:var(--cx-border-radius-x-large);--swatch-box-shadow:0px 0px 0px 0px light-dark(#0000,#0000);--swatch-content-justify:space-between;--swatch-content-margin:var(--cx-spacing-medium);--swatch-min-height:50px;--swatch-text-color:light-dark(#000,#fff);--swatch-font-size:var(--cx-font-size-large);padding:var(--cx-focus-ring-width);width:100%;min-width:0;display:block}.color-swatch-group__swatches{padding:var(--padding,0);width:100%;max-width:100%;height:100%}.color-swatch-group__table-container{max-width:100%}.color-swatch-group__measure{visibility:hidden;pointer-events:none;box-sizing:border-box;white-space:nowrap;padding-right:calc(var(--row-padding-right,var(--cx-spacing-2x-small)) + var(--table-column-gap,0px));padding-left:var(--row-padding-left,var(--cx-spacing-2x-small));font-family:var(--swatch-font-family,var(--cx-font-sans));font-style:var(--swatch-font-style,normal);font-weight:var(--swatch-font-weight,var(--cx-font-weight-regular));font-size:var(--swatch-font-size,var(--cx-font-size-large));position:absolute;top:0;left:0}.color-swatch-group__measure--title{padding-right:calc(var(--row-padding-left,var(--cx-spacing-2x-small)) + var(--table-column-gap,0px));font-family:var(--column-title-font-family,var(--swatch-font-family,var(--cx-font-sans)));font-style:var(--column-title-font-style,var(--swatch-font-style,normal));font-weight:var(--column-title-font-weight,var(--swatch-font-weight,var(--cx-font-weight-semibold)));font-size:var(--column-title-font-size,var(--swatch-font-size,var(--cx-font-size-large)))}.color-swatch-group__measure--copyable{border:var(--cx-input-border-width) solid transparent;text-transform:var(--cx-button-text-transform,none)}.color-swatch-group__measure--name{padding-left:calc(var(--row-padding-left,var(--cx-spacing-2x-small)) + var(--name-swatch-width,64px) + var(--cx-spacing-medium))}.color-swatch-group__title{--font-family:var(--palette-title-font-family,var(--swatch-font-family,var(--cx-font-sans)));--font-style:var(--palette-title-font-style);--font-weight:var(--palette-title-font-weight);--font-size:var(--palette-title-font-size);--color:var(--palette-title-color)}.color-swatch-group__table-container:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.color-swatch-group__swatches--circles--horizontal,.color-swatch-group__swatches--circles--vertical{--spacing-container-gap:0px}.color-swatch-group__swatches--circles--horizontal{overflow:auto}.color-swatch-group__swatches--circles--horizontal>cx-color-swatch:not(:first-child){margin-left:var(--swatch-group-horizontal-gap,-120px)}.color-swatch-group__swatches--circles--vertical>cx-color-swatch:not(:first-child){margin-top:var(--swatch-group-vertical-gap,-50px)}.color-swatch-group__swatches--circles--vertical__item--mobile{--swatch-size:100%}.color-swatch-group__swatches--grid{align-items:stretch;column-gap:var(--grid-column-gap,var(--grid-gap,var(--cx-spacing-medium)));row-gap:var(--grid-row-gap,var(--grid-gap,var(--cx-spacing-medium)));display:grid}.color-swatch-group__table{font-family:var(--swatch-font-family,var(--cx-font-sans));font-style:var(--swatch-font-style,normal);--width:var(--table-width,100%);--body-background-color:transparent;--row-background-color:transparent;--row-even-background-color:transparent;--row-hover-background-color:var(--cx-color-neutral-50);--row-even-hover-background-color:var(--cx-color-neutral-50);--header-background-color:transparent;--group-row-background-color:transparent;--cell-border-color:transparent;--cell-bottom-border-color:transparent;--header-font-family:var(--column-title-font-family,var(--swatch-font-family,var(--cx-font-sans)));--header-font-style:var(--column-title-font-style,var(--swatch-font-style,normal));--header-font-size:var(--column-title-font-size,var(--swatch-font-size,var(--cx-font-size-large)));--header-font-weight:var(--column-title-font-weight,var(--swatch-font-weight,var(--cx-font-weight-semibold)));--header-color:var(--column-title-color,var(--cx-color-neutral-700));--header-border-right:none;--cell-font-family:var(--swatch-font-family,var(--cx-font-sans));--cell-font-size:var(--swatch-font-size,var(--cx-font-size-large));--cell-font-weight:var(--swatch-font-weight,var(--cx-font-weight-regular));--cell-line-height:normal;--cell-hover-background-color:transparent;--color:var(--swatch-text-color,var(--cx-color-neutral-900));--placeholder-font-size:var(--cx-font-size-medium-large);--cell-horizontal-padding:var(--cx-spacing-2x-small);--cell-padding-top:var(--row-padding-top,var(--cx-spacing-2x-small));--cell-padding-right:var(--row-padding-right,var(--cx-spacing-2x-small));--cell-padding-bottom:var(--row-padding-bottom,var(--cx-spacing-2x-small));--cell-padding-left:var(--row-padding-left,var(--cx-spacing-2x-small));--header-horizontal-padding:var(--row-padding-left,var(--cx-spacing-2x-small));--row-gap:var(--table-row-gap,0);--column-gap:var(--table-column-gap,0px);--header-border-bottom:1px solid var(--cx-color-neutral-200);--hover-menu-background-color:var(--row-hover-background-color);--outer-border-color:transparent}.color-swatch-group__table--no-separator{--header-border-bottom:none}.color-swatch-group__table::part(table){background-color:#0000}`;
23383
+ const Tf = Q`:host{--grid-gap:var(--cx-spacing-medium);--grid-column-gap:var(--grid-gap);--grid-row-gap:var(--grid-gap);--padding:0;--palette-title-font-size:var(--cx-font-size-x-large);--palette-title-color:light-dark(#000,#fff);--column-title-font-size:var(--cx-font-size-large);--column-title-color:light-dark(#000,#fff);--name-swatch-width:64px;--name-swatch-height:32px;--name-swatch-border-radius:0;--swatch-circle-size:350px;--swatch-circle-border-radius:1000px;--swatch-circle-content-align:center;--swatch-circle-content-justify:center;--swatch-circle-content-margin:0px;--swatch-group-horizontal-gap:-120px;--swatch-border:light-dark(#0000,#0000) 0px;--swatch-border-radius:var(--cx-border-radius-x-large);--swatch-box-shadow:0px 0px 0px 0px light-dark(#0000,#0000);--swatch-content-justify:space-between;--swatch-content-margin:var(--cx-spacing-medium);--swatch-min-height:50px;--swatch-text-color:light-dark(#000,#fff);--swatch-font-size:var(--cx-font-size-large);padding:var(--cx-focus-ring-width);width:100%;min-width:0;display:block}.color-swatch-group__swatches{padding:var(--padding,0);width:100%;max-width:100%;height:100%}.color-swatch-group__table-container{max-width:100%}.color-swatch-group__measure{visibility:hidden;pointer-events:none;box-sizing:border-box;white-space:nowrap;padding-right:calc(var(--row-padding-right,var(--cx-spacing-2x-small)) + var(--table-column-gap,0px));padding-left:var(--row-padding-left,var(--cx-spacing-2x-small));font-family:var(--swatch-font-family,var(--cx-font-sans));font-style:var(--swatch-font-style,normal);font-weight:var(--swatch-font-weight,var(--cx-font-weight-regular));font-size:var(--swatch-font-size,var(--cx-font-size-large));position:absolute;top:0;left:0}.color-swatch-group__measure--title{padding-right:calc(var(--row-padding-left,var(--cx-spacing-2x-small)) + var(--table-column-gap,0px));font-family:var(--column-title-font-family,var(--swatch-font-family,var(--cx-font-sans)));font-style:var(--column-title-font-style,var(--swatch-font-style,normal));font-weight:var(--column-title-font-weight,var(--swatch-font-weight,var(--cx-font-weight-semibold)));font-size:var(--column-title-font-size,var(--swatch-font-size,var(--cx-font-size-large)))}.color-swatch-group__measure--copyable{border:var(--cx-input-border-width) solid transparent;text-transform:var(--cx-button-text-transform,none)}.color-swatch-group__measure--name{padding-left:calc(var(--row-padding-left,var(--cx-spacing-2x-small)) + var(--name-swatch-width,64px) + var(--cx-spacing-medium))}.color-swatch-group__title{--font-family:var(--palette-title-font-family,var(--swatch-font-family,var(--cx-font-sans)));--font-style:var(--palette-title-font-style);--font-weight:var(--palette-title-font-weight);--font-size:var(--palette-title-font-size);--color:var(--palette-title-color)}.color-swatch-group__table-container:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.color-swatch-group__swatches--circles--horizontal,.color-swatch-group__swatches--circles--vertical{--spacing-container-gap:0px}.color-swatch-group__swatches--circles--horizontal{overflow:auto}.color-swatch-group__swatches--circles--horizontal>cx-color-swatch:not(:first-child){margin-left:var(--swatch-group-horizontal-gap,-120px)}.color-swatch-group__swatches--circles--vertical>cx-color-swatch:not(:first-child){margin-top:var(--swatch-group-vertical-gap,var(--swatch-group-horizontal-gap,-50px))}.color-swatch-group__swatches--circles--vertical__item--mobile{--swatch-size:100%}.color-swatch-group__swatches--grid{align-items:stretch;column-gap:var(--grid-column-gap,var(--grid-gap,var(--cx-spacing-medium)));row-gap:var(--grid-row-gap,var(--grid-gap,var(--cx-spacing-medium)));display:grid}.color-swatch-group__table{font-family:var(--swatch-font-family,var(--cx-font-sans));font-style:var(--swatch-font-style,normal);--width:var(--table-width,100%);--body-background-color:transparent;--row-background-color:transparent;--row-even-background-color:transparent;--row-hover-background-color:var(--cx-color-neutral-50);--row-even-hover-background-color:var(--cx-color-neutral-50);--header-background-color:transparent;--group-row-background-color:transparent;--cell-border-color:transparent;--cell-bottom-border-color:transparent;--header-font-family:var(--column-title-font-family,var(--swatch-font-family,var(--cx-font-sans)));--header-font-style:var(--column-title-font-style,var(--swatch-font-style,normal));--header-font-size:var(--column-title-font-size,var(--swatch-font-size,var(--cx-font-size-large)));--header-font-weight:var(--column-title-font-weight,var(--swatch-font-weight,var(--cx-font-weight-semibold)));--header-color:var(--column-title-color,var(--cx-color-neutral-700));--header-border-right:none;--cell-font-family:var(--swatch-font-family,var(--cx-font-sans));--cell-font-size:var(--swatch-font-size,var(--cx-font-size-large));--cell-font-weight:var(--swatch-font-weight,var(--cx-font-weight-regular));--cell-line-height:normal;--cell-hover-background-color:transparent;--color:var(--swatch-text-color,var(--cx-color-neutral-900));--placeholder-font-size:var(--cx-font-size-medium-large);--cell-horizontal-padding:var(--cx-spacing-2x-small);--cell-padding-top:var(--row-padding-top,var(--cx-spacing-2x-small));--cell-padding-right:var(--row-padding-right,var(--cx-spacing-2x-small));--cell-padding-bottom:var(--row-padding-bottom,var(--cx-spacing-2x-small));--cell-padding-left:var(--row-padding-left,var(--cx-spacing-2x-small));--header-horizontal-padding:var(--row-padding-left,var(--cx-spacing-2x-small));--row-gap:var(--table-row-gap,0);--column-gap:var(--table-column-gap,0px);--header-border-bottom:1px solid var(--cx-color-neutral-200);--hover-menu-background-color:var(--row-hover-background-color);--outer-border-color:transparent}.color-swatch-group__table--no-separator{--header-border-bottom:none}.color-swatch-group__table::part(table){background-color:#0000}`;
23384
23384
  var Ff = Object.defineProperty, Lf = Object.getOwnPropertyDescriptor, j = (r, e, t, i) => {
23385
23385
  for (var s = i > 1 ? void 0 : i ? Lf(e, t) : e, o = r.length - 1, n; o >= 0; o--)
23386
23386
  (n = r[o]) && (s = (i ? n(e, t, s) : n(s)) || s);
23387
23387
  return i && s && Ff(e, t, s), s;
23388
23388
  };
23389
- const en = "unnamed", ai = {
23389
+ const en = "unnamed", zf = 5, ai = {
23390
23390
  fromAttribute: (r) => {
23391
23391
  const e = Number.parseFloat(r ?? "");
23392
23392
  return Number.isFinite(e) ? e : void 0;
@@ -23536,7 +23536,7 @@ let V = class extends Ie {
23536
23536
  * render measures again.
23537
23537
  */
23538
23538
  recordHugWidth(r, e, t) {
23539
- t > 0 && (r[e] = Math.ceil(t) + 2);
23539
+ t > 0 && (r[e] = Math.ceil(t) + zf);
23540
23540
  }
23541
23541
  /**
23542
23542
  * The card at `index`'s slice of one ramp spanning the whole row.
@@ -23923,7 +23923,7 @@ V = j([
23923
23923
  ], V);
23924
23924
  export {
23925
23925
  V as C,
23926
- Gm as D,
23926
+ Um as D,
23927
23927
  at as F,
23928
23928
  jt as H,
23929
23929
  Ct as a,
@@ -1,4 +1,4 @@
1
- import { r as resizableComponentStyles, R as ResizableElement, b as ResizeDirection, a as HeightMode } from "./resizable-component.styles.CxjaYhiB.js";
1
+ import { r as resizableComponentStyles, R as ResizableElement, b as ResizeDirection, a as HeightMode } from "./resizable-component.styles.kMFDlGgv.js";
2
2
  import { C as CxButton } from "./button.CUeXJXcO.js";
3
3
  import CxDrawer from "../components/drawer.js";
4
4
  import CxDropdown from "../components/dropdown.js";
@@ -35,7 +35,7 @@ import { a as ObjectFit } from "./index.Cpamj0jB.js";
35
35
  import { r as r$1 } from "./state.CSDxrqLd.js";
36
36
  import { e } from "./class-map.BiVq-cVR.js";
37
37
  import { n as n$1 } from "./when.Dr1es41R.js";
38
- import { C as CxImage } from "./image.DAbpXfEy.js";
38
+ import { C as CxImage } from "./image.2ZXc5UiB.js";
39
39
  var BookReaderMode$1 = /* @__PURE__ */ ((l) => (l.Image = "Image", l.Pdf = "Pdf", l))(BookReaderMode$1 || {}), BookReaderViewMode = /* @__PURE__ */ ((l) => (l.FourPage = "FourPage", l.OnePage = "OnePage", l.TwoPage = "TwoPage", l))(BookReaderViewMode || {});
40
40
  function commonjsRequire(l) {
41
41
  throw new Error('Could not dynamically require "' + l + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
@@ -1,4 +1,4 @@
1
- import { r as $e, R as je, H as K, a as ie, b as oe } from "./resizable-component.styles.CxjaYhiB.js";
1
+ import { r as $e, R as je, H as K, a as ie, b as oe } from "./resizable-component.styles.kMFDlGgv.js";
2
2
  import { c as He } from "./component.styles.CAS3c9pM.js";
3
3
  import { a as re } from "./index.Cpamj0jB.js";
4
4
  import { P as Ae } from "./position-picker.qkbJlboF.js";
@@ -866,7 +866,7 @@ let a = class extends je {
866
866
  })} src=${this.applyRetryCacheBust(this.currentSrc) || this.placeholder} alt="" aria-hidden="true" decoding="async" draggable="false" crossorigin=${S(this.crossorigin)}>`
867
867
  )}</div>${A(this.showPlaceholderSkeleton, () => R`<slot name="skeleton" part="skeleton"><div class=${L({
868
868
  skeleton: !0
869
- })}><cx-skeleton effect="none" role="status" aria-live="polite" aria-label=${this.localize.term("loading")}></cx-skeleton></div></slot>`)}
869
+ })}><cx-skeleton effect="sheen" role="status" aria-live="polite" aria-label=${this.localize.term("loading")}></cx-skeleton></div></slot>`)}
870
870
  ${A(this.isError, () => R`<slot name="fallback" part="fallback"><cx-space class=${L({ fallback: !0 })} direction="column" align-items="center" justify-content="center"><cx-icon name="hide_image" part="fallback-icon"> </cx-icon></cx-space></slot>`)}</div></cx-resize-observer>${A(this.resizable && this.isResizeActive, () => this.renderResizer())}</div>`;
871
871
  }
872
872
  };
@@ -13,7 +13,7 @@ import { b as W } from "./_baseIteratee.sC2wLi2m.js";
13
13
  import { a as J } from "./toString.B1zKIiZc.js";
14
14
  import { b as X } from "./cloneDeep.tKGbEwzn.js";
15
15
  import { c as Y } from "./_baseClone.ipmFlCAx.js";
16
- import { F as _, a as Q, C as Z, I as tt, t as et, c as ot, b as st, d as rt, e as it, f as at, g as nt, h as lt, i as ct, j as pt, k as ht, l as dt, m as ut, n as mt, o as ft, p as gt, q as bt, r as yt, s as xt, O as Ct } from "./types.LleN6Ydu.js";
16
+ import { F as _, a as Q, C as Z, I as tt, t as et, c as ot, b as st, d as rt, e as it, f as at, g as nt, h as lt, i as ct, j as pt, k as ht, l as dt, m as ut, n as mt, o as ft, p as gt, q as bt, r as yt, s as xt, O as Ct } from "./types.sT_IYJb2.js";
17
17
  import { C as wt } from "./button.CUeXJXcO.js";
18
18
  import vt from "../components/button-group.js";
19
19
  import kt from "../components/card.js";
@@ -3,7 +3,7 @@ import { C as N, n as o } from "./lib-cortex-element.CVMmyPMC.js";
3
3
  import { r as x } from "./state.CSDxrqLd.js";
4
4
  import { e as W } from "./query.BBf1UFkC.js";
5
5
  import { E as $, b as S } from "./index.Cpamj0jB.js";
6
- var b = /* @__PURE__ */ ((t) => (t.Auto = "auto", t.Fixed = "fixed", t))(b || {}), p = /* @__PURE__ */ ((t) => (t.Both = "both", t.Horizontal = "horizontal", t.Vertical = "vertical", t))(p || {}), k = /* @__PURE__ */ ((t) => (t.Bottom = "bottom", t.BottomCenter = "bottom-center", t.BottomLeft = "bottom-left", t.BottomRight = "bottom-right", t.CenterCenter = "center-center", t.CenterLeft = "center-left", t.CenterRight = "center-right", t.Left = "left", t.Right = "right", t.Top = "top", t.TopCenter = "top-center", t.TopLeft = "top-left", t.TopRight = "top-right", t))(k || {}), B = /* @__PURE__ */ ((t) => (t.Jump = "jump", t.None = "none", t.TextReveal = "text-reveal", t.Zoom = "zoom", t))(B || {}), C = /* @__PURE__ */ ((t) => (t.PopOut = "pop-out", t.WithinBorders = "within-borders", t))(C || {}), H = /* @__PURE__ */ ((t) => (t.Fade = "fade", t.Slide = "slide", t))(H || {}), I = Object.defineProperty, l = (t, e, g, v) => {
6
+ var k = /* @__PURE__ */ ((t) => (t.Bottom = "bottom", t.BottomCenter = "bottom-center", t.BottomLeft = "bottom-left", t.BottomRight = "bottom-right", t.CenterCenter = "center-center", t.CenterLeft = "center-left", t.CenterRight = "center-right", t.Left = "left", t.Right = "right", t.Top = "top", t.TopCenter = "top-center", t.TopLeft = "top-left", t.TopRight = "top-right", t))(k || {}), B = /* @__PURE__ */ ((t) => (t.Jump = "jump", t.None = "none", t.TextReveal = "text-reveal", t.Zoom = "zoom", t))(B || {}), C = /* @__PURE__ */ ((t) => (t.PopOut = "pop-out", t.WithinBorders = "within-borders", t))(C || {}), H = /* @__PURE__ */ ((t) => (t.Fade = "fade", t.Slide = "slide", t))(H || {}), b = /* @__PURE__ */ ((t) => (t.Auto = "auto", t.Fixed = "fixed", t))(b || {}), p = /* @__PURE__ */ ((t) => (t.Both = "both", t.Horizontal = "horizontal", t.Vertical = "vertical", t))(p || {}), I = Object.defineProperty, l = (t, e, g, v) => {
7
7
  for (var s = void 0, h = t.length - 1, a; h >= 0; h--)
8
8
  (a = t[h]) && (s = a(e, g, s) || s);
9
9
  return s && I(e, g, s), s;