@orangelogic/design-system 4.7.0 → 4.9.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.
Files changed (44) hide show
  1. package/library/chunks/{asset-link-format.Bi9J8xCQ.js → asset-link-format.CbmsLfvm.js} +1 -1
  2. package/library/chunks/{button.CUeXJXcO.js → button.rJFwhUxT.js} +1 -1
  3. package/library/chunks/button.styles.DoD2bkKL.js +5 -0
  4. package/library/chunks/{color-swatch-group.DMza5xD7.js → color-swatch-group.NkrEGUbN.js} +7 -7
  5. package/library/chunks/{confirm-popover.CeKZ8dF1.js → confirm-popover.B287gNRq.js} +1 -1
  6. package/library/chunks/{document-viewer.BmO1igBN.js → document-viewer.iu_c5JvE.js} +2 -2
  7. package/library/chunks/{folder-select.lF4v6bbN.js → folder-select.CdCc7oLi.js} +1 -1
  8. package/library/chunks/{image.CjdSn_IT.js → image.2ZXc5UiB.js} +1 -1
  9. package/library/chunks/{index.DpHjvpmp.js → index.BiyfXTj7.js} +6 -6
  10. package/library/chunks/{pagination.DCSLKv1u.js → pagination.DiIIZpeU.js} +1 -1
  11. package/library/chunks/{tab-group.Dy2fEfC-.js → tab-group.BAZBrIdM.js} +1010 -951
  12. package/library/chunks/{types.4OaADvOF.js → types.CNqFN3XH.js} +3423 -3398
  13. package/library/components/asset-link-format.js +2 -2
  14. package/library/components/atoms.js +5 -5
  15. package/library/components/button.js +2 -2
  16. package/library/components/color-picker.js +2 -2
  17. package/library/components/color-swatch-group.js +1 -1
  18. package/library/components/color-swatch.js +6 -6
  19. package/library/components/confirm-popover.js +2 -2
  20. package/library/components/document-viewer.js +2 -2
  21. package/library/components/dynamic-select.js +1 -1
  22. package/library/components/element-clamp.js +1 -1
  23. package/library/components/file-on-demand.js +3 -3
  24. package/library/components/folder-select.js +1 -1
  25. package/library/components/image.js +1 -1
  26. package/library/components/line-clamp.js +1 -1
  27. package/library/components/masonry.js +1 -1
  28. package/library/components/molecules.js +2 -2
  29. package/library/components/organisms.js +2 -2
  30. package/library/components/pagination.js +2 -2
  31. package/library/components/radio-button.js +1 -1
  32. package/library/components/select.js +1 -3
  33. package/library/components/tab-group.js +2 -2
  34. package/library/components/tab.js +2 -2
  35. package/library/components/types.js +10 -10
  36. package/library/components/video.js +1 -1
  37. package/library/package.json +1 -1
  38. package/library/packages/atoms/src/components/tab-group/tab-group.d.ts +22 -0
  39. package/library/packages/molecules/src/data-tab-group/data-tab-group.d.ts +2 -0
  40. package/library/packages/molecules/src/mentions/mentions.d.ts +17 -0
  41. package/library/packages/organisms/src/lightbox/lightbox.d.ts +2 -1
  42. package/library/react-web-component.d.ts +12 -0
  43. package/package.json +1 -1
  44. package/library/chunks/button.styles.D3GdfF7I.js +0 -5
package/library/components/asset-link-format.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import "./cropper.js";
2
- import "../chunks/button.CUeXJXcO.js";
2
+ import "../chunks/button.rJFwhUxT.js";
3
3
  import "./space.js";
4
4
  import "../chunks/typography.BLYdTF0n.js";
5
5
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
6
- import { C as h } from "../chunks/asset-link-format.Bi9J8xCQ.js";
6
+ import { C as h } from "../chunks/asset-link-format.CbmsLfvm.js";
7
7
  import "../chunks/component.styles.CAS3c9pM.js";
8
8
  import "../chunks/asset-link-format.ClaYu_v8.js";
9
9
  import "../chunks/position-picker.qkbJlboF.js";
package/library/components/atoms.js CHANGED
@@ -10,7 +10,7 @@ import { default as P } from "./badge.js";
10
10
  import { default as M } from "./box.js";
11
11
  import { default as F } from "./breadcrumb.js";
12
12
  import { default as O } from "./breadcrumb-item.js";
13
- import { C as E } from "../chunks/button.CUeXJXcO.js";
13
+ import { C as E } from "../chunks/button.rJFwhUxT.js";
14
14
  import { default as L } from "./button-group.js";
15
15
  import { default as j } from "./card.js";
16
16
  import { default as Q } from "./checkbox.js";
@@ -21,7 +21,7 @@ import { default as Y } from "./details.js";
21
21
  import { default as _ } from "./diff.js";
22
22
  import { C as oe } from "../chunks/dialog.C2q9XwLW.js";
23
23
  import { default as re } from "./divider.js";
24
- import { C as xe } from "../chunks/document-viewer.BmO1igBN.js";
24
+ import { C as xe } from "../chunks/document-viewer.iu_c5JvE.js";
25
25
  import { C as me } from "../chunks/dot-pagination.BclVUAf7.js";
26
26
  import { default as Ce } from "./dot-status.js";
27
27
  import { default as ue } from "./drawer.js";
@@ -40,7 +40,7 @@ import { f } from "../chunks/icon.BLXWp6CU.js";
40
40
  import { C as Oe } from "../chunks/icon.BLXWp6CU.js";
41
41
  import { C as Ee } from "../chunks/icon-button.BXs29IQE.js";
42
42
  import { C as Le } from "../chunks/iframe.e5XdCox5.js";
43
- import { C as je } from "../chunks/image.CjdSn_IT.js";
43
+ import { C as je } from "../chunks/image.2ZXc5UiB.js";
44
44
  import { default as Qe } from "./image-comparer.js";
45
45
  import { default as qe } from "./include.js";
46
46
  import { C as Ke } from "../chunks/input.zRoRq5mq.js";
@@ -53,7 +53,7 @@ import { default as xo } from "./menu-label.js";
53
53
  import { default as mo } from "./menu-section.js";
54
54
  import { default as Co } from "./mutation-observer.js";
55
55
  import { C as uo } from "../chunks/option.CwbFof9H.js";
56
- import { C as no } from "../chunks/pagination.DCSLKv1u.js";
56
+ import { C as no } from "../chunks/pagination.DiIIZpeU.js";
57
57
  import { default as co } from "./popup.js";
58
58
  import { default as bo } from "./progress-bar.js";
59
59
  import { default as Io } from "./progress-ring.js";
@@ -75,7 +75,7 @@ import { default as Xo } from "./step.js";
75
75
  import { default as Zo } from "./stepper.js";
76
76
  import { default as et } from "./switch.js";
77
77
  import { default as tt } from "./tab.js";
78
- import { C as at } from "../chunks/tab-group.Dy2fEfC-.js";
78
+ import { C as at } from "../chunks/tab-group.BAZBrIdM.js";
79
79
  import { default as ft } from "./tab-panel.js";
80
80
  import { default as st } from "./tag.js";
81
81
  import { default as pt } from "./textarea.js";
package/library/components/button.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
2
2
  import "../chunks/component.styles.CAS3c9pM.js";
3
- import { C as h } from "../chunks/button.CUeXJXcO.js";
3
+ import { C as h } from "../chunks/button.rJFwhUxT.js";
4
4
  import "../chunks/custom-element.L4WJXn1j.js";
5
5
  import "../chunks/form.LpappO1d.js";
6
6
  import "../chunks/i18n.D5L6xAYT.js";
@@ -14,7 +14,7 @@ import "../chunks/when.Dr1es41R.js";
14
14
  import "../chunks/static.UA3G1Deq.js";
15
15
  import "../chunks/icon.BLXWp6CU.js";
16
16
  import "./spinner.js";
17
- import "../chunks/button.styles.D3GdfF7I.js";
17
+ import "../chunks/button.styles.DoD2bkKL.js";
18
18
  export {
19
19
  h as default
20
20
  };
package/library/components/color-picker.js CHANGED
@@ -18,7 +18,7 @@ import { o as I } from "../chunks/if-defined.BRoBj_Rp.js";
18
18
  import { c as H } from "../chunks/repeat.CFjcER6_.js";
19
19
  import { o as m } from "../chunks/style-map.llVFPd__.js";
20
20
  import { n as u } from "../chunks/when.Dr1es41R.js";
21
- import { C as U } from "../chunks/button.CUeXJXcO.js";
21
+ import { C as U } from "../chunks/button.rJFwhUxT.js";
22
22
  import ot from "./button-group.js";
23
23
  import W from "./dropdown.js";
24
24
  import { C as X } from "../chunks/icon.BLXWp6CU.js";
@@ -27,7 +27,7 @@ import { C as st } from "../chunks/option.CwbFof9H.js";
27
27
  import lt from "./select.js";
28
28
  import nt from "./spinner.js";
29
29
  import ct from "./tab.js";
30
- import { C as pt } from "../chunks/tab-group.Dy2fEfC-.js";
30
+ import { C as pt } from "../chunks/tab-group.BAZBrIdM.js";
31
31
  import dt from "./tab-panel.js";
32
32
  import ht from "./visually-hidden.js";
33
33
  import { C as ut } from "../chunks/icon-button.BXs29IQE.js";
package/library/components/color-swatch-group.js CHANGED
@@ -3,7 +3,7 @@ import "../chunks/typography.BLYdTF0n.js";
3
3
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
4
4
  import "./color-swatch.js";
5
5
  import "../chunks/component.styles.CAS3c9pM.js";
6
- import { C as w } from "../chunks/color-swatch-group.DMza5xD7.js";
6
+ import { C as w } from "../chunks/color-swatch-group.NkrEGUbN.js";
7
7
  import "../chunks/color.CIHdfM_a.js";
8
8
  import "../chunks/content-builder.CBBdfVOl.js";
9
9
  import "../chunks/custom-element.L4WJXn1j.js";
package/library/components/color-swatch.js CHANGED
@@ -1,4 +1,4 @@
1
- import v from "./copy-button.js";
1
+ import f from "./copy-button.js";
2
2
  import b from "./line-clamp.js";
3
3
  import _ from "./resize-observer.js";
4
4
  import k from "./space.js";
@@ -14,11 +14,11 @@ import { i as E, x as g } from "../chunks/lit-element.jLBm65_O.js";
14
14
  import { r as n } from "../chunks/state.CSDxrqLd.js";
15
15
  import { e as G } from "../chunks/query.BBf1UFkC.js";
16
16
  import { e as w } from "../chunks/class-map.BiVq-cVR.js";
17
- import { o as f } from "../chunks/if-defined.BRoBj_Rp.js";
17
+ import { o as v } from "../chunks/if-defined.BRoBj_Rp.js";
18
18
  import { c as H } from "../chunks/repeat.CFjcER6_.js";
19
19
  import { o as p } from "../chunks/style-map.llVFPd__.js";
20
20
  import { n as I } from "../chunks/when.Dr1es41R.js";
21
- const B = E`:host{isolation:isolate;display:block}.color-swatch{border:1px solid var(--cx-color-neutral-200);justify-content:center;align-items:center;display:flex}.color-swatch:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.color-swatch--circle{aspect-ratio:1;height:auto;width:var(--swatch-circle-size,var(--swatch-size,350px));min-width:var(--swatch-size,230px);border-radius:var(--swatch-circle-border-radius,var(--cx-border-radius-circle));max-width:100%;overflow:hidden}.color-swatch--oval{height:var(--swatch-circle-size,var(--swatch-size,350px));border-radius:var(--swatch-circle-border-radius,calc(var(--swatch-circle-size,var(--swatch-size,350px)) / 2));width:100%}.color-swatch--grid{width:100%;height:100%;min-width:var(--swatch-grid-min-width,165px);min-height:max(var(--swatch-size,300px), var(--swatch-min-height,50px));border:var(--swatch-border,0px solid transparent);box-shadow:var(--swatch-box-shadow,none);border-radius:var(--swatch-border-radius,var(--cx-border-radius-x-large));border-style:solid;align-items:stretch}.color-swatch__content{max-height:100%;padding:var(--swatch-content-padding,0);justify-content:space-between;gap:var(--cx-spacing-medium)}.color-swatch--circle>.color-swatch__content{min-width:50%;max-width:75%}.color-swatch--oval>.color-swatch__content{max-width:85%}.color-swatch--circle,.color-swatch--oval{justify-content:var(--swatch-circle-content-align,center);align-items:var(--swatch-circle-content-justify,center)}.color-swatch--circle>.color-swatch__content,.color-swatch--oval>.color-swatch__content{align-items:var(--swatch-circle-content-align,center);justify-content:var(--swatch-circle-content-justify,center);margin:var(--swatch-circle-content-margin,0)}.color-swatch--grid>.color-swatch__content{justify-content:var(--swatch-content-justify,space-between);width:100%;max-height:none;padding:var(--swatch-content-margin,var(--cx-spacing-medium))}.color-swatch__key::part(base){vertical-align:middle;min-width:50px;height:100%}.color-swatch__key[variant=small]::part(base){display:inline-block}.color-swatch__copy-button::part(button){height:fit-content;min-height:fit-content;padding:0;background:0 0!important;border-width:0!important}.color-swatch__copy-button::part(label){height:fit-content;padding:0}.color-swatch__value{text-transform:none}.color-swatch__value::part(base){word-break:break-word}.color-swatch__value-wrapper{text-align:left}.color-swatch__name,.color-swatch__key,.color-swatch__value{--font-family:var(--swatch-font-family), var(--cx-font-sans);--font-style:var(--swatch-font-style,normal);--font-weight:var(--swatch-font-weight);--font-size:var(--swatch-font-size);--line-height:1.2}`;
21
+ const B = E`:host{isolation:isolate;display:block}.color-swatch{border:1px solid var(--cx-color-neutral-200);justify-content:center;align-items:center;display:flex}.color-swatch:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.color-swatch--circle{aspect-ratio:1;height:auto;width:var(--swatch-circle-size,var(--swatch-size,350px));min-width:min(var(--swatch-circle-size,var(--swatch-size,350px)), 230px, 100%);border-radius:var(--swatch-circle-border-radius,var(--cx-border-radius-circle));max-width:100%;overflow:hidden}.color-swatch--oval{height:var(--swatch-circle-size,var(--swatch-size,350px));border-radius:var(--swatch-circle-border-radius,calc(var(--swatch-circle-size,var(--swatch-size,350px)) / 2));width:100%}.color-swatch--grid{width:100%;height:100%;min-width:var(--swatch-grid-min-width,165px);min-height:max(var(--swatch-size,300px), var(--swatch-min-height,50px));border:var(--swatch-border,0px solid transparent);box-shadow:var(--swatch-box-shadow,none);border-radius:var(--swatch-border-radius,var(--cx-border-radius-x-large));border-style:solid;align-items:stretch}.color-swatch__content{max-height:100%;padding:var(--swatch-content-padding,0);justify-content:space-between;gap:var(--cx-spacing-medium)}.color-swatch--circle>.color-swatch__content{min-width:50%;max-width:75%}.color-swatch--oval>.color-swatch__content{max-width:85%}.color-swatch--circle,.color-swatch--oval{justify-content:var(--swatch-circle-content-align,center);align-items:var(--swatch-circle-content-justify,center)}.color-swatch--circle>.color-swatch__content,.color-swatch--oval>.color-swatch__content{align-items:var(--swatch-circle-content-align,center);justify-content:var(--swatch-circle-content-justify,center);margin:var(--swatch-circle-content-margin,0)}.color-swatch--grid>.color-swatch__content{justify-content:var(--swatch-content-justify,space-between);width:100%;max-height:none;padding:var(--swatch-content-margin,var(--cx-spacing-medium))}.color-swatch__key::part(base){vertical-align:middle;min-width:50px;height:100%}.color-swatch__key[variant=small]::part(base){display:inline-block}.color-swatch__copy-button::part(button){height:fit-content;min-height:fit-content;padding:0;background:0 0!important;border-width:0!important}.color-swatch__copy-button::part(label){height:fit-content;padding:0}.color-swatch__value{text-transform:none}.color-swatch__value::part(base){word-break:break-word}.color-swatch__value-wrapper{text-align:left}.color-swatch__name,.color-swatch__key,.color-swatch__value{--font-family:var(--swatch-font-family), var(--cx-font-sans);--font-style:var(--swatch-font-style,normal);--font-weight:var(--swatch-font-weight);--font-size:var(--swatch-font-size);--line-height:1.2}`;
22
22
  var L = Object.defineProperty, D = Object.getOwnPropertyDescriptor, e = (r, i, o, d) => {
23
23
  for (var c = d > 1 ? void 0 : d ? D(i, o) : i, u = r.length - 1, y; u >= 0; u--)
24
24
  (y = r[u]) && (c = (d ? y(i, o, c) : y(c)) || c);
@@ -104,7 +104,7 @@ let t = class extends $ {
104
104
  },
105
105
  { key: "PMS", value: this.pms }
106
106
  ].filter((o) => this.showCodes.includes(o.key)), i = this.codeAlignment === C.SeparateLine ? "vertical" : "horizontal";
107
- return g`<cx-resize-observer @cx-resize=${this.handleResize}><div part="base" tabindex=${f(this.canFocusContainer ? "0" : void 0)} class=${w({
107
+ return g`<cx-resize-observer @cx-resize=${this.handleResize}><div part="base" tabindex=${v(this.canFocusContainer ? "0" : void 0)} class=${w({
108
108
  "color-swatch": !0,
109
109
  "color-swatch--circle": this.variant === m.Circle,
110
110
  "color-swatch--grid": this.variant === m.GridItem,
@@ -121,7 +121,7 @@ let t = class extends $ {
121
121
  "--color": this.textColor
122
122
  })}>${o.key}</cx-typography>${I(
123
123
  this.canCopy && o.value !== "",
124
- () => g`<cx-copy-button part="copy-button" tabindex=${f(
124
+ () => g`<cx-copy-button part="copy-button" tabindex=${v(
125
125
  this.canFocusCodeOnly ? void 0 : "-1"
126
126
  )} class="color-swatch__copy-button" copy-label=${this.localize.term("clickToCopy")} focus-copy-label=${this.localize.term(
127
127
  "pressEnterOrCtrlCToCopy"
@@ -139,7 +139,7 @@ let t = class extends $ {
139
139
  };
140
140
  t.styles = [S, B];
141
141
  t.dependencies = {
142
- "cx-copy-button": v,
142
+ "cx-copy-button": f,
143
143
  "cx-line-clamp": b,
144
144
  "cx-resize-observer": _,
145
145
  "cx-space": k,
package/library/components/confirm-popover.js CHANGED
@@ -1,10 +1,10 @@
1
- import "../chunks/button.CUeXJXcO.js";
1
+ import "../chunks/button.rJFwhUxT.js";
2
2
  import "../chunks/dialog.C2q9XwLW.js";
3
3
  import "./dropdown.js";
4
4
  import "../chunks/typography.BLYdTF0n.js";
5
5
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
6
6
  import "../chunks/component.styles.CAS3c9pM.js";
7
- import { C as x } from "../chunks/confirm-popover.CeKZ8dF1.js";
7
+ import { C as x } from "../chunks/confirm-popover.B287gNRq.js";
8
8
  import "../chunks/custom-element.L4WJXn1j.js";
9
9
  import "../chunks/i18n.D5L6xAYT.js";
10
10
  import "../chunks/lit-element.jLBm65_O.js";
package/library/components/document-viewer.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import "../chunks/resizable-component.styles.kMFDlGgv.js";
2
- import { C as b } from "../chunks/document-viewer.BmO1igBN.js";
2
+ import { C as b } from "../chunks/document-viewer.iu_c5JvE.js";
3
3
  import "../chunks/component.styles.CAS3c9pM.js";
4
4
  import "../chunks/index.Cpamj0jB.js";
5
5
  import "../chunks/custom-element.L4WJXn1j.js";
@@ -10,7 +10,7 @@ import "../chunks/state.CSDxrqLd.js";
10
10
  import "../chunks/class-map.BiVq-cVR.js";
11
11
  import "../chunks/when.Dr1es41R.js";
12
12
  import "../chunks/icon.BLXWp6CU.js";
13
- import "../chunks/image.CjdSn_IT.js";
13
+ import "../chunks/image.2ZXc5UiB.js";
14
14
  import "../chunks/typography.BLYdTF0n.js";
15
15
  export {
16
16
  b as default
package/library/components/dynamic-select.js CHANGED
@@ -1,4 +1,4 @@
1
- import { C as g } from "../chunks/button.CUeXJXcO.js";
1
+ import { C as g } from "../chunks/button.rJFwhUxT.js";
2
2
  import { C as O } from "../chunks/icon-button.BXs29IQE.js";
3
3
  import { C as h, a as C } from "../chunks/option.CwbFof9H.js";
4
4
  import $ from "./select.js";
package/library/components/element-clamp.js CHANGED
@@ -9,7 +9,7 @@ import { r as k } from "../chunks/state.CSDxrqLd.js";
9
9
  import { e as E } from "../chunks/query.BBf1UFkC.js";
10
10
  import { e as H } from "../chunks/class-map.BiVq-cVR.js";
11
11
  import { a as p, g } from "../chunks/animation-registry.HmpwNuGH.js";
12
- import { C as B } from "../chunks/button.CUeXJXcO.js";
12
+ import { C as B } from "../chunks/button.rJFwhUxT.js";
13
13
  const T = C`:host{--toggler-color:var(--cx-color-primary);display:block;overflow:hidden}.element-clamp{overflow-anchor:none}.element-clamp--disabled{opacity:.5}.element-clamp-icon{transition:var(--cx-transition-medium) rotate ease;flex:none;align-items:center;display:flex}.details--open .element-clamp-icon{rotate:90deg}.details--open.details--rtl .element-clamp-icon{rotate:-90deg}.element-clamp--open slot[name=expand-icon],.element-clamp:not(.element-clamp--open) slot[name=collapse-icon]{display:none}.element-clamp__content{display:block;overflow:hidden}.toggler{margin-top:var(--cx-spacing-2x-small);display:block}.toggler::part(base){color:var(--toggler-color);font-weight:var(--cx-font-weight-medium);text-transform:none;width:auto}.toggler::part(label){padding-left:0}`;
14
14
  var z = Object.defineProperty, O = Object.getOwnPropertyDescriptor, n = (e, t, i, r) => {
15
15
  for (var s = r > 1 ? void 0 : r ? O(t, i) : t, h = e.length - 1, l; h >= 0; h--)
package/library/components/file-on-demand.js CHANGED
@@ -16,7 +16,7 @@ import { n as p } from "../chunks/when.Dr1es41R.js";
16
16
  import { b as At } from "../chunks/_baseEach.DQk0As2f.js";
17
17
  import { b as Dt } from "../chunks/_baseIteratee.sC2wLi2m.js";
18
18
  import Tt from "./avatar.js";
19
- import { C as zt } from "../chunks/button.CUeXJXcO.js";
19
+ import { C as zt } from "../chunks/button.rJFwhUxT.js";
20
20
  import { C as Pt } from "../chunks/dialog.C2q9XwLW.js";
21
21
  import Et from "./divider.js";
22
22
  import nt from "./format-bytes.js";
@@ -27,11 +27,11 @@ import yt from "./relative-time.js";
27
27
  import Ft from "./select.js";
28
28
  import Rt from "./space.js";
29
29
  import kt from "./tab.js";
30
- import { C as Ot } from "../chunks/tab-group.Dy2fEfC-.js";
30
+ import { C as Ot } from "../chunks/tab-group.BAZBrIdM.js";
31
31
  import Nt from "./tab-panel.js";
32
32
  import bt from "./tooltip.js";
33
33
  import { C as rt } from "../chunks/typography.BLYdTF0n.js";
34
- import { C as jt } from "../chunks/confirm-popover.CeKZ8dF1.js";
34
+ import { C as jt } from "../chunks/confirm-popover.B287gNRq.js";
35
35
  import { d as Bt } from "../chunks/debounce.DaHuiSGU.js";
36
36
  import { c as Z } from "../chunks/number.Cx2ncfJJ.js";
37
37
  import { i as X, b as pt } from "../chunks/url.CGdWC06g.js";
package/library/components/folder-select.js CHANGED
@@ -5,7 +5,7 @@ import "./select.js";
5
5
  import "./tag.js";
6
6
  import "../chunks/tree.MCwWhFAm.js";
7
7
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
8
- import { C as j } from "../chunks/folder-select.lF4v6bbN.js";
8
+ import { C as j } from "../chunks/folder-select.CdCc7oLi.js";
9
9
  import "../chunks/component.styles.CAS3c9pM.js";
10
10
  import "../chunks/custom-element.L4WJXn1j.js";
11
11
  import "../chunks/i18n.D5L6xAYT.js";
package/library/components/image.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import "../chunks/resizable-component.styles.kMFDlGgv.js";
2
2
  import "../chunks/component.styles.CAS3c9pM.js";
3
3
  import "../chunks/index.Cpamj0jB.js";
4
- import { C as y } from "../chunks/image.CjdSn_IT.js";
4
+ import { C as y } from "../chunks/image.2ZXc5UiB.js";
5
5
  import "../chunks/position-picker.qkbJlboF.js";
6
6
  import "../chunks/custom-element.L4WJXn1j.js";
7
7
  import "../chunks/debounce.DaHuiSGU.js";
package/library/components/line-clamp.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../chunks/button.CUeXJXcO.js";
1
+ import "../chunks/button.rJFwhUxT.js";
2
2
  import "./tooltip.js";
3
3
  import "./resize-observer.js";
4
4
  import { n as s, C as b } from "../chunks/lib-cortex-element.CVMmyPMC.js";
package/library/components/masonry.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import _ from "./grid.js";
2
2
  import f from "./grid-item.js";
3
3
  import { C as v } from "../chunks/icon-button.BXs29IQE.js";
4
- import { C as S } from "../chunks/image.CjdSn_IT.js";
4
+ import { C as S } from "../chunks/image.2ZXc5UiB.js";
5
5
  import $ from "./space.js";
6
6
  import C from "./tooltip.js";
7
7
  import { n as s, C as w } from "../chunks/lib-cortex-element.CVMmyPMC.js";
package/library/components/molecules.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import { default as e } from "./bicolor-picker.js";
2
2
  import { default as a } from "./border-input-group.js";
3
3
  import { default as p } from "./color-swatch.js";
4
- import { C as u } from "../chunks/confirm-popover.CeKZ8dF1.js";
4
+ import { C as u } from "../chunks/confirm-popover.B287gNRq.js";
5
5
  import { default as d } from "./corner-position-input-group.js";
6
6
  import { default as l } from "./cropper.js";
7
7
  import { default as i } from "./dynamic-select.js";
8
- import { C as c } from "../chunks/folder-select.lF4v6bbN.js";
8
+ import { C as c } from "../chunks/folder-select.CdCc7oLi.js";
9
9
  import { default as P } from "./masonry.js";
10
10
  import { default as I } from "./padding-input-group.js";
11
11
  import { default as y } from "./position-picker.js";
package/library/components/organisms.js CHANGED
@@ -1,5 +1,5 @@
1
- import { C as a } from "../chunks/asset-link-format.Bi9J8xCQ.js";
2
- import { C as t } from "../chunks/color-swatch-group.DMza5xD7.js";
1
+ import { C as a } from "../chunks/asset-link-format.CbmsLfvm.js";
2
+ import { C as t } from "../chunks/color-swatch-group.NkrEGUbN.js";
3
3
  import { default as C } from "./file-on-demand.js";
4
4
  export {
5
5
  a as CxAssetLinkFormat,
package/library/components/pagination.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import "./space.js";
2
2
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
3
3
  import "../chunks/icon-button.BXs29IQE.js";
4
- import { C as k } from "../chunks/pagination.DCSLKv1u.js";
4
+ import { C as k } from "../chunks/pagination.DiIIZpeU.js";
5
5
  import "../chunks/custom-element.L4WJXn1j.js";
6
6
  import "../chunks/i18n.D5L6xAYT.js";
7
7
  import "../chunks/math.DuKzLacZ.js";
@@ -11,7 +11,7 @@ import "../chunks/state.CSDxrqLd.js";
11
11
  import "../chunks/class-map.BiVq-cVR.js";
12
12
  import "../chunks/repeat.CFjcER6_.js";
13
13
  import "../chunks/when.Dr1es41R.js";
14
- import "../chunks/button.CUeXJXcO.js";
14
+ import "../chunks/button.rJFwhUxT.js";
15
15
  import "../chunks/input.zRoRq5mq.js";
16
16
  import "../chunks/option.CwbFof9H.js";
17
17
  import "./select.js";
package/library/components/radio-button.js CHANGED
@@ -9,7 +9,7 @@ import { e as y } from "../chunks/class-map.BiVq-cVR.js";
9
9
  import { o as h } from "../chunks/if-defined.BRoBj_Rp.js";
10
10
  import { u as _ } from "../chunks/static.UA3G1Deq.js";
11
11
  import { i as v } from "../chunks/lit-element.jLBm65_O.js";
12
- import { b as w } from "../chunks/button.styles.D3GdfF7I.js";
12
+ import { b as w } from "../chunks/button.styles.DoD2bkKL.js";
13
13
  const C = v`
14
14
  ${w}
15
15
 
package/library/components/select.js CHANGED
@@ -349,12 +349,10 @@ let i = class extends S {
349
349
  ) : void 0;
350
350
  let l = !1;
351
351
  return t.forEach((r) => {
352
- if (r === "")
353
- return;
354
352
  const c = e.find(
355
353
  (h) => this.getOptionValue(h) === r
356
354
  );
357
- c ? o.push(c) : l = !0;
355
+ c ? o.push(c) : r !== "" && (l = !0);
358
356
  }), l && n && o.push(n), {
359
357
  options: o,
360
358
  preserveValue: l && !!n
package/library/components/tab-group.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import "./resize-observer.js";
2
2
  import "../chunks/lib-cortex-element.CVMmyPMC.js";
3
3
  import "../chunks/component.styles.CAS3c9pM.js";
4
- import { C as A } from "../chunks/tab-group.Dy2fEfC-.js";
4
+ import { C as A } from "../chunks/tab-group.BAZBrIdM.js";
5
5
  import "../chunks/custom-element.L4WJXn1j.js";
6
6
  import "../chunks/i18n.D5L6xAYT.js";
7
7
  import "../chunks/scroll.xtO5yojm.js";
@@ -18,7 +18,7 @@ import "../chunks/guard.D4axKaMo.js";
18
18
  import "../chunks/map.D8heArFD.js";
19
19
  import "../chunks/style-map.llVFPd__.js";
20
20
  import "../chunks/when.Dr1es41R.js";
21
- import "../chunks/button.CUeXJXcO.js";
21
+ import "../chunks/button.rJFwhUxT.js";
22
22
  import "./dropdown.js";
23
23
  import "../chunks/icon-button.BXs29IQE.js";
24
24
  import "./menu.js";
package/library/components/tab.js CHANGED
@@ -31,9 +31,9 @@ const w = b`.tab{border-radius:var(--cx-border-radius-small);border-top:var(--ta
31
31
  }
32
32
 
33
33
 
34
+ /* display: none, not visibility: hidden, so a hidden tab takes no layout space. */
34
35
  :host([data-cx-tab-group__tab--hidden]) {
35
- visibility: hidden;
36
- pointer-events: none;
36
+ display: none;
37
37
  }
38
38
 
39
39
  ${w}
package/library/components/types.js CHANGED
@@ -9,7 +9,7 @@ import { default as c } from "./badge.js";
9
9
  import { default as T } from "./box.js";
10
10
  import { default as S } from "./breadcrumb.js";
11
11
  import { default as D } from "./breadcrumb-item.js";
12
- import { C as F } from "../chunks/button.CUeXJXcO.js";
12
+ import { C as F } from "../chunks/button.rJFwhUxT.js";
13
13
  import { default as P } from "./button-group.js";
14
14
  import { default as h } from "./card.js";
15
15
  import { default as O } from "./checkbox.js";
@@ -20,7 +20,7 @@ import { default as k } from "./details.js";
20
20
  import { default as N } from "./diff.js";
21
21
  import { C as U } from "../chunks/dialog.C2q9XwLW.js";
22
22
  import { default as X } from "./divider.js";
23
- import { C as K } from "../chunks/document-viewer.BmO1igBN.js";
23
+ import { C as K } from "../chunks/document-viewer.iu_c5JvE.js";
24
24
  import { C as q } from "../chunks/dot-pagination.BclVUAf7.js";
25
25
  import { default as J } from "./dot-status.js";
26
26
  import { default as Z } from "./drawer.js";
@@ -38,7 +38,7 @@ import { C as Sa } from "../chunks/hub-connection.BtevPWYb.js";
38
38
  import { C as Da } from "../chunks/icon.BLXWp6CU.js";
39
39
  import { C as Fa } from "../chunks/icon-button.BXs29IQE.js";
40
40
  import { C as Pa } from "../chunks/iframe.e5XdCox5.js";
41
- import { C as ha } from "../chunks/image.CjdSn_IT.js";
41
+ import { C as ha } from "../chunks/image.2ZXc5UiB.js";
42
42
  import { default as Oa } from "./image-comparer.js";
43
43
  import { default as va } from "./include.js";
44
44
  import { C as Va } from "../chunks/input.zRoRq5mq.js";
@@ -51,7 +51,7 @@ import { default as Ka } from "./menu-label.js";
51
51
  import { default as qa } from "./menu-section.js";
52
52
  import { default as Ja } from "./mutation-observer.js";
53
53
  import { C as Za } from "../chunks/option.CwbFof9H.js";
54
- import { C as ae } from "../chunks/pagination.DCSLKv1u.js";
54
+ import { C as ae } from "../chunks/pagination.DiIIZpeU.js";
55
55
  import { default as te } from "./popup.js";
56
56
  import { default as re } from "./progress-bar.js";
57
57
  import { default as xe } from "./progress-ring.js";
@@ -73,7 +73,7 @@ import { default as _e } from "./step.js";
73
73
  import { default as ke } from "./stepper.js";
74
74
  import { default as Ne } from "./switch.js";
75
75
  import { default as Ue } from "./tab.js";
76
- import { C as Xe } from "../chunks/tab-group.Dy2fEfC-.js";
76
+ import { C as Xe } from "../chunks/tab-group.BAZBrIdM.js";
77
77
  import { default as Ke } from "./tab-panel.js";
78
78
  import { default as qe } from "./tag.js";
79
79
  import { default as Je } from "./textarea.js";
@@ -86,16 +86,16 @@ import { default as mt } from "./visually-hidden.js";
86
86
  import { fontAwesomeIconNames as pt, getAnimationNames as ft, getEasingNames as Ct } from "./atoms.js";
87
87
  import { c as ut } from "../chunks/component.styles.CAS3c9pM.js";
88
88
  import { g as gt, a as Tt, s as At } from "../chunks/animation-registry.HmpwNuGH.js";
89
- import { u as It, v as Dt, V as bt, w as Ft, o as yt, n as Pt, m as Et, Y as ht, Z as Rt, _ as Ot, a0 as Lt, $ as vt, a1 as Bt, a2 as Vt, a3 as Mt, a4 as _t, a5 as Gt, k as kt, W as wt, x as Nt, X as Ht, y as Ut, z as zt, A as Xt, j as Wt, a6 as Kt, B as jt, D as qt, E as Yt, G as Jt, a7 as Qt, h as Zt, H as $t, J as ao, f as eo, S as to, T as oo, a8 as ro, e as so, K as xo, L as io, M as lo, N as mo, P as no, a9 as po, aa as fo, Q as Co, R as uo, ab as co, ac as go, b as To, U as Ao, ad as So, ae as Io } from "../chunks/types.4OaADvOF.js";
89
+ import { u as It, v as Dt, V as bt, w as Ft, o as yt, n as Pt, m as Et, Y as ht, Z as Rt, _ as Ot, a0 as Lt, $ as vt, a1 as Bt, a2 as Vt, a3 as Mt, a4 as _t, a5 as Gt, k as kt, W as wt, x as Nt, X as Ht, y as Ut, z as zt, A as Xt, j as Wt, a6 as Kt, B as jt, D as qt, E as Yt, G as Jt, a7 as Qt, h as Zt, H as $t, J as ao, f as eo, S as to, T as oo, a8 as ro, e as so, K as xo, L as io, M as lo, N as mo, P as no, a9 as po, aa as fo, Q as Co, R as uo, ab as co, ac as go, b as To, U as Ao, ad as So, ae as Io } from "../chunks/types.CNqFN3XH.js";
90
90
  import { default as bo } from "./bicolor-picker.js";
91
91
  import { default as yo } from "./border-input-group.js";
92
92
  import { default as Eo } from "./color-swatch.js";
93
- import { C as Ro } from "../chunks/confirm-popover.CeKZ8dF1.js";
93
+ import { C as Ro } from "../chunks/confirm-popover.B287gNRq.js";
94
94
  import { default as Lo } from "./corner-position-input-group.js";
95
95
  import { default as Bo } from "./cropper.js";
96
96
  import { default as Mo } from "./dynamic-select.js";
97
- import { C as Go, i as ko, j as wo } from "../chunks/color-swatch-group.DMza5xD7.js";
98
- import { C as Ho } from "../chunks/folder-select.lF4v6bbN.js";
97
+ import { C as Go, i as ko, j as wo } from "../chunks/color-swatch-group.NkrEGUbN.js";
98
+ import { C as Ho } from "../chunks/folder-select.CdCc7oLi.js";
99
99
  import { default as zo } from "./masonry.js";
100
100
  import { default as Wo } from "./padding-input-group.js";
101
101
  import { default as jo } from "./position-picker.js";
@@ -105,7 +105,7 @@ import { default as $o } from "./sidebar.js";
105
105
  import { default as er } from "./size-input-group.js";
106
106
  import { default as or } from "./stepper-wizard.js";
107
107
  import { default as sr } from "./typeface.js";
108
- import { C as ir } from "../chunks/asset-link-format.Bi9J8xCQ.js";
108
+ import { C as ir } from "../chunks/asset-link-format.CbmsLfvm.js";
109
109
  import { default as mr } from "./file-on-demand.js";
110
110
  import { C as pr, E as fr, b as Cr, G as dr, a as ur, O as cr, T as gr } from "../chunks/index.Cpamj0jB.js";
111
111
  import { CortexPopupController as Ar, DateRangePresets as Sr, DragScroll as Ir, HistoryManager as Dr, KeyboardKey as br, PRECISION as Fr, downloadAsset as yr, extractFrames as Pr, findFrameByColAndRow as Er, getBrowserFontVariants as hr, getFontFamilyOptionValue as Rr, getFontFamilyVariants as Or, getFormControls as Lr, getInterval as vr, getTypefaceOptionValue as Br, insertFrameToCache as Vr, isFontFamilyAvailable as Mr, isFormInteracted as _r, isModKey as Gr, isoWeekNumber as kr, omit as wr, openAssetOverview as Nr, openFolderOverview as Hr, openLink as Ur, parseJsonString as zr, parseListString as Xr, pick as Wr, quoteFontFamily as Kr, readLocalStorageValue as jr, serialize as qr, shareAsset as Yr, sortTypefaceVariants as Jr, testFontAvailability as Qr, unquoteFontFamily as Zr, writeLocalStorageValue as $r } from "../utils.js";
package/library/components/video.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { _ as Bd, a as Ca, b as Be, c as Je } from "../chunks/inheritsLoose.BuSn_CvZ.js";
2
2
  import { c as vs, a as Fn } from "../chunks/_commonjsHelpers.DQNKXVTB.js";
3
3
  import { r as Cb } from "../chunks/___vite-browser-external_commonjs-proxy.C2tf3HsQ.js";
4
- import { C as Mb } from "../chunks/image.CjdSn_IT.js";
4
+ import { C as Mb } from "../chunks/image.2ZXc5UiB.js";
5
5
  import Db from "./resize-observer.js";
6
6
  import { r as Pb, R as Lb, b as Ip, a as Rb } from "../chunks/resizable-component.styles.kMFDlGgv.js";
7
7
  import { c as Ib } from "../chunks/component.styles.CAS3c9pM.js";
package/library/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@orangelogic/design-system",
3
3
  "type": "module",
4
- "version": "4.7.0",
4
+ "version": "4.9.0",
5
5
  "license": "UNLICENSED",
6
6
  "types": "library/types.d.ts",
7
7
  "scripts": {
package/library/packages/atoms/src/components/tab-group/tab-group.d.ts CHANGED
@@ -61,6 +61,8 @@ export default class CxTabGroup extends CortexElement {
61
61
  * dropdownOffset and the tabs' hidden marker with outdated results.
62
62
  */
63
63
  private overflowObserver?;
64
+ /** Tab kept visible next to the dropdown trigger by promote-active-overflow-tab. */
65
+ private promotedTab?;
64
66
  private tabs;
65
67
  private focusableTabs;
66
68
  private panels;
@@ -79,6 +81,9 @@ export default class CxTabGroup extends CortexElement {
79
81
  private shouldHideScrollStartButton;
80
82
  private shouldHideScrollEndButton;
81
83
  private dropdownOffset;
84
+ private tabButtonsLeadingPadding;
85
+ private tabButtonsPaddingTop;
86
+ private tabButtonsPaddingBottom;
82
87
  private tabPanelHeight;
83
88
  private tabAlignmentIndent;
84
89
  shouldIgnoreAlignment: boolean;
@@ -117,6 +122,8 @@ export default class CxTabGroup extends CortexElement {
117
122
  tabsPerPage: number;
118
123
  /** The minimum width of the tab. */
119
124
  minTabWidth: number;
125
+ /** When overflow-variant is "dropdown", keeps a selected hidden tab visible next to the trigger. */
126
+ promoteActiveOverflowTab: boolean;
120
127
  /** Minimum clamp width - The minimum width of the tab not to be clamped */
121
128
  private static readonly MIN_CLAMP_WIDTH;
122
129
  private static readonly HIDDEN_TAB_ATTRIBUTE;
@@ -143,6 +150,12 @@ export default class CxTabGroup extends CortexElement {
143
150
  * If dropdown overflow but placement is start and end, count as scroll overflow
144
151
  */
145
152
  private get allowDropdownOverflow();
153
+ /**
154
+ * The promoted tab, but only while promotion is actually in effect. promotedTab is left untouched when
155
+ * placement or overflow-variant stops allowing a dropdown, so the selection resumes if they flip back;
156
+ * this getter is what the fit loop reads so a stale reservation can never keep the feature switched on.
157
+ */
158
+ private get activePromotedTab();
146
159
  /**
147
160
  * Get the height of the body
148
161
  */
@@ -156,9 +169,16 @@ export default class CxTabGroup extends CortexElement {
156
169
  private handleScrollToStart;
157
170
  private handleScrollToEnd;
158
171
  private handleDropdownAfterShow;
172
+ /** Marks tab as promoted (see promotedTab) without moving it in the DOM. */
173
+ private promoteHiddenActiveTab;
159
174
  private setActiveTab;
160
175
  private setAriaLabels;
161
176
  private repositionIndicator;
177
+ /**
178
+ * Returns this.tabs with promotedTab (if any) moved right after the first two entries, for the
179
+ * fit loop to walk — this.tabs itself is never reordered.
180
+ */
181
+ private buildPriorityOrder;
162
182
  /**
163
183
  * This stores tabs and panels so we can refer to a cache instead of calling querySelectorAll() multiple times.
164
184
  */
@@ -173,6 +193,7 @@ export default class CxTabGroup extends CortexElement {
173
193
  * overflow variant is dropdown and the direction is rtl
174
194
  */
175
195
  private syncScrollPosition;
196
+ /** Finds the next non-disabled, non-hidden tab, falling back to the first hidden one crossed. */
176
197
  private findNextFocusableTab;
177
198
  /**
178
199
  * The reality of the browser means that we can't expect the scroll position to be exactly what we want it to be, so
@@ -188,6 +209,7 @@ export default class CxTabGroup extends CortexElement {
188
209
  handleVariantChange(): Promise<void>;
189
210
  handleOverflowVariantChange(): void;
190
211
  handleDropdownLabelChange(): void;
212
+ handlePromoteActiveOverflowTabChange(): void;
191
213
  handleAbsoluteHeightChange(): void;
192
214
  handleTabAlignmentChange(): void;
193
215
  handleTabsPerPageChange(): Promise<void>;
package/library/packages/molecules/src/data-tab-group/data-tab-group.d.ts CHANGED
@@ -56,6 +56,8 @@ export default class CxDataTabGroup extends CortexElement {
56
56
  */
57
57
  tabBorderSides: string;
58
58
  multiLanguage: boolean;
59
+ /** Forwarded to cx-tab-group. */
60
+ promoteActiveOverflowTab: boolean;
59
61
  render(): import('lit').TemplateResult<1>;
60
62
  }
61
63
  declare global {
package/library/packages/molecules/src/mentions/mentions.d.ts CHANGED
@@ -14,6 +14,10 @@ import { TemplateResult } from 'lit';
14
14
  * @description Renders a popup menu of mention candidates, supports keyboard navigation, and notifies consumers when an item is selected.
15
15
  *
16
16
  * @csspart base - The popup base part exposed by `cx-popup`.
17
+ *
18
+ * @cssproperty [--max-list-width=40rem] - Only with `wrap-items`: width at which item text
19
+ * wraps. Until then the list grows with its content — rightward, then leftward once the
20
+ * popup's right edge is pinned at the viewport.
17
21
  */
18
22
  export default class CxMentions extends CortexElement {
19
23
  static readonly styles: import('lit').CSSResult;
@@ -30,12 +34,25 @@ export default class CxMentions extends CortexElement {
30
34
  anchor: CxPopup['anchor'] | undefined;
31
35
  items: AutocompleteItem[];
32
36
  searchTerm: string;
37
+ /**
38
+ * Lets the list grow with its content: rightward until it reaches the viewport edge, then
39
+ * leftward with the right edge pinned there (via the popup's shift), wrapping item text
40
+ * at `--max-list-width` (or when even the full viewport width is not enough). Off by
41
+ * default so mention kinds with short labels keep the popup's natural sizing.
42
+ */
43
+ wrapItems: boolean;
33
44
  noItemsMessage: string;
34
45
  onSelect: ((value: {
35
46
  id: string;
36
47
  label: string;
37
48
  type?: string;
38
49
  } | undefined, key?: 'Enter') => void) | undefined;
50
+ /**
51
+ * Gap kept between the popup and the viewport edges. Single source for the popup's
52
+ * flip/shift/auto-size paddings; the wrap-items max-width in the styles hardcodes
53
+ * 2 × this value and must stay in sync.
54
+ */
55
+ private static readonly VIEWPORT_PADDING;
39
56
  selectedIndex: number;
40
57
  private getMentionLabel;
41
58
  private handleSelect;
package/library/packages/organisms/src/lightbox/lightbox.d.ts CHANGED
@@ -36,7 +36,8 @@ export default class CxLightbox extends CortexElement {
36
36
  */
37
37
  open: boolean;
38
38
  /**
39
- * Array of slide items to display.
39
+ * Array of slide items to display. Previews always fit and center the image,
40
+ * ignoring each item's object fit and crop focus.
40
41
  */
41
42
  data: GalleryItem[];
42
43
  /**