@orangelogic/design-system 3.28.0 → 3.30.0

package/library/chunks/{color-swatch-group.CF0h4nhA.js → color-swatch-group.lBTDUt_i.js}

@@ -23380,7 +23380,7 @@ function Mf(r) {
 function go(r) {
   return `custom-${r}`;
 }
-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>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}`;
+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}`;
 var Ff = Object.defineProperty, Lf = Object.getOwnPropertyDescriptor, j = (r, e, t, i) => {
   for (var s = i > 1 ? void 0 : i ? Lf(e, t) : e, o = r.length - 1, n; o >= 0; o--)
     (n = r[o]) && (s = (i ? n(e, t, s) : n(s)) || s);
@@ -23928,12 +23928,13 @@ export {
   jt as H,
   Ct as a,
   xf as b,
-  Ve as c,
+  go as c,
   er as d,
-  kt as e,
-  Qt as f,
-  Ef as g,
-  ae as h,
-  le as i,
+  Ve as e,
+  kt as f,
+  Qt as g,
+  Ef as h,
+  ae as i,
+  le as j,
   tr as o
 };

package/library/chunks/{document-viewer.BqhrUjS6.js → document-viewer.Bqh3JppM.js}

@@ -1,4 +1,4 @@
-import { r as resizableComponentStyles, R as ResizableElement, b as ResizeDirection, a as HeightMode } from "./resizable-component.styles.kMFDlGgv.js";
+import { r as resizableComponentStyles, R as ResizableElement, b as ResizeDirection, a as HeightMode } from "./resizable-component.styles.CxjaYhiB.js";
 import { C as CxButton } from "./button.CUeXJXcO.js";
 import CxDrawer from "../components/drawer.js";
 import CxDropdown from "../components/dropdown.js";
@@ -35,7 +35,7 @@ import { a as ObjectFit } from "./index.Cpamj0jB.js";
 import { r as r$1 } from "./state.CSDxrqLd.js";
 import { e } from "./class-map.BiVq-cVR.js";
 import { n as n$1 } from "./when.Dr1es41R.js";
-import { C as CxImage } from "./image.CjdSn_IT.js";
+import { C as CxImage } from "./image.DAbpXfEy.js";
 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 || {});
 function commonjsRequire(l) {
   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.');

package/library/chunks/{image.CjdSn_IT.js → image.DAbpXfEy.js}

@@ -1,4 +1,4 @@
-import { r as $e, R as je, H as K, a as ie, b as oe } from "./resizable-component.styles.kMFDlGgv.js";
+import { r as $e, R as je, H as K, a as ie, b as oe } from "./resizable-component.styles.CxjaYhiB.js";
 import { c as He } from "./component.styles.CAS3c9pM.js";
 import { a as re } from "./index.Cpamj0jB.js";
 import { P as Ae } from "./position-picker.qkbJlboF.js";

package/library/chunks/{index.BxaF24R5.js → index.BDM2hIU7.js}

@@ -13,7 +13,7 @@ import { b as W } from "./_baseIteratee.sC2wLi2m.js";
 import { a as J } from "./toString.B1zKIiZc.js";
 import { b as X } from "./cloneDeep.tKGbEwzn.js";
 import { c as Y } from "./_baseClone.ipmFlCAx.js";
-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.DapQA7MU.js";
+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";
 import { C as wt } from "./button.CUeXJXcO.js";
 import vt from "../components/button-group.js";
 import kt from "../components/card.js";
@@ -36,7 +36,7 @@ import Nt from "../components/select.js";
 import Ot from "../components/space.js";
 import Mt from "../components/switch.js";
 import Vt from "../components/tab.js";
-import { C as jt } from "./tab-group.D-nBq01A.js";
+import { C as jt } from "./tab-group.Ct15ygJ3.js";
 import Gt from "../components/tab-panel.js";
 import Wt from "../components/textarea.js";
 import Kt from "../components/tooltip.js";

package/library/chunks/{resizable-component.styles.kMFDlGgv.js → resizable-component.styles.CxjaYhiB.js}

@@ -3,7 +3,7 @@ import { C as N, n as o } from "./lib-cortex-element.CVMmyPMC.js";
 import { r as x } from "./state.CSDxrqLd.js";
 import { e as W } from "./query.BBf1UFkC.js";
 import { E as $, b as S } from "./index.Cpamj0jB.js";
-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) => {
+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) => {
   for (var s = void 0, h = t.length - 1, a; h >= 0; h--)
     (a = t[h]) && (s = a(e, g, s) || s);
   return s && I(e, g, s), s;

package/library/chunks/{tab-group.D-nBq01A.js → tab-group.Ct15ygJ3.js}

@@ -2337,7 +2337,10 @@ let S = class extends Bn {
       customElements.whenDefined("cx-tab-panel")
     ]);
     super.connectedCallback(), this.resizeObserver = new ResizeObserver(() => {
-      this.repositionIndicator(), this.updateScrollControls(), this.updatePagination();
+      if (this.repositionIndicator(), this.updateScrollControls(), this.updatePagination(), this.allowDropdownOverflow) {
+        const t = Number.parseFloat(getComputedStyle(this.tabButtons).columnGap || "0") || 0;
+        t !== this.lastTabGap && (this.lastTabGap = t, this.syncTabsAndPanels());
+      }
     }), this.mutationObserver = new MutationObserver((t) => {
       t.some(
         (e) => !["aria-labelledby", "aria-controls"].includes(e.attributeName)
@@ -2347,7 +2350,7 @@ let S = class extends Bn {
         attributes: !0,
         childList: !0,
         subtree: !0
-      }), this.resizeObserver.observe(this.nav), this.hidePanelVariant === Ut.Absolute && (this.setupPanelResizeObserver(), this.calculateTabPanelHeight()), o.then(() => {
+      }), this.resizeObserver.observe(this.nav), this.resizeObserver.observe(this.tabButtons), this.hidePanelVariant === Ut.Absolute && (this.setupPanelResizeObserver(), this.calculateTabPanelHeight()), o.then(() => {
         new IntersectionObserver(
           (e, i) => {
             e[0].intersectionRatio > 0 && (this.setAriaLabels(), this.setActiveTab(this.getActiveTab() ?? this.tabs[0], {
@@ -2359,7 +2362,7 @@ let S = class extends Bn {
     });
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.mutationObserver?.disconnect(), this.overflowObserver?.disconnect(), this.cleanupPanelResizeObserver(), this.nav && this.resizeObserver?.unobserve(this.nav);
+    super.disconnectedCallback(), this.mutationObserver?.disconnect(), this.overflowObserver?.disconnect(), this.cleanupPanelResizeObserver(), this.resizeObserver?.disconnect();
   }
   /**
    * Navigate to the next tab
@@ -2599,7 +2602,9 @@ let S = class extends Bn {
       const o = new IntersectionObserver(
         (t) => {
           o.disconnect();
-          const e = getComputedStyle(this.tabButtons), i = parseFloat(e.paddingLeft || "0") + parseFloat(e.paddingRight || "0"), r = Number.parseFloat(e.columnGap || "0") || 0, n = this.container.clientWidth - i, s = this.dropdownTrigger?.clientWidth ?? 0, a = t.length;
+          const e = getComputedStyle(this.tabButtons), i = parseFloat(e.paddingLeft || "0") + parseFloat(e.paddingRight || "0"), r = Number.parseFloat(e.columnGap || "0") || 0;
+          this.lastTabGap = r;
+          const n = this.container.clientWidth - i, s = this.dropdownTrigger?.clientWidth ?? 0, a = t.length;
           this.dropdownOffset = 0, this.isActiveTabHidden = !1, this.shouldShowDropdown = !1, this.tabs.forEach((l) => {
             l.style.setProperty("--tab-max-width", "unset"), l.offsetWidth;
           });