@orangelogic/design-system 4.34.0 → 4.35.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 (17) hide show
  1. package/library/chunks/{block-width.C4eA970k.js → block-width.DeMzy9kI.js} +1 -1
  2. package/library/chunks/{config-manager.DS9hzkG8.js → config-manager.CGxZPmaa.js} +1 -1
  3. package/library/chunks/{src.DL7bDKR0.js → src.BTxthfsd.js} +2 -2
  4. package/library/chunks/{step.P3FZF16z.js → step.7RkKgH1n.js} +10 -3
  5. package/library/chunks/{stepper-wizard.CZSapmS6.js → stepper-wizard.D7XpenfO.js} +3 -3
  6. package/library/chunks/{stepper.k295FMQ-.js → stepper.BhLxi6eC.js} +1 -1
  7. package/library/components/atoms.js +3 -3
  8. package/library/components/molecules.js +1 -1
  9. package/library/components/step.js +1 -1
  10. package/library/components/stepper-wizard.js +1 -1
  11. package/library/components/stepper.js +1 -1
  12. package/library/components/types.js +6 -6
  13. package/library/package.json +1 -1
  14. package/library/packages/atoms/src/components/step/step.d.ts +4 -0
  15. package/library/packages/types/src/stepper-wizard.d.ts +1 -0
  16. package/library/react-web-component.d.ts +5 -1
  17. package/package.json +1 -1
package/library/chunks/{block-width.C4eA970k.js → block-width.DeMzy9kI.js} RENAMED
@@ -15,7 +15,7 @@ import { t as y } from "./when.BUskJLtZ.js";
15
15
  import { t as ie } from "./icon.CeQpEaQz.js";
16
16
  import { t as ae } from "./spinner.o3Rjsff7.js";
17
17
  import { n as oe } from "./tslib.es6.DJNsMHqv.js";
18
- import { t as se } from "./src.DL7bDKR0.js";
18
+ import { t as se } from "./src.BTxthfsd.js";
19
19
  import { t as ce } from "./style-map.DPGQIxip.js";
20
20
  import { t as b } from "./button.BlhGCsjP.js";
21
21
  import { E as x, S as le, r as ue } from "./string.DAuTpyw8.js";
package/library/chunks/{config-manager.DS9hzkG8.js → config-manager.CGxZPmaa.js} RENAMED
@@ -14,7 +14,7 @@ import { t as b } from "./style-map.DPGQIxip.js";
14
14
  import { t as x } from "./button.BlhGCsjP.js";
15
15
  import { t as ee } from "./tooltip.GjnTzFeL.js";
16
16
  import { t as te } from "./line-clamp.CgiUerew.js";
17
- import { C as ne, D as re, E as ie, O as ae, S as oe, T as se, _ as ce, a as le, b as ue, c as de, g as fe, i as pe, l as me, n as he, o as ge, s as S, t as C, v as w, w as T, x as E, y as D } from "./block-width.C4eA970k.js";
17
+ import { C as ne, D as re, E as ie, O as ae, S as oe, T as se, _ as ce, a as le, b as ue, c as de, g as fe, i as pe, l as me, n as he, o as ge, s as S, t as C, v as w, w as T, x as E, y as D } from "./block-width.DeMzy9kI.js";
18
18
  import { t as O } from "./typography.B0mkhqTB.js";
19
19
  import { t as k } from "./button-group.CPfXrqyq.js";
20
20
  import { t as A } from "./card.3c-X4hqR.js";
package/library/chunks/{src.DL7bDKR0.js → src.BTxthfsd.js} RENAMED
@@ -78,8 +78,8 @@ import "./range.blqKtzMI.js";
78
78
  import "./rating.BgUId4FT.js";
79
79
  import "./relative-time.BSSaZxeD.js";
80
80
  import "./split-panel.CVyqM2Dr.js";
81
- import "./step.P3FZF16z.js";
82
- import "./stepper.k295FMQ-.js";
81
+ import "./step.7RkKgH1n.js";
82
+ import "./stepper.BhLxi6eC.js";
83
83
  import "./switch.CBho2RVW.js";
84
84
  import "./timecode.DME2imtx.js";
85
85
  import "./tree.Cvx7TQer.js";
package/library/chunks/{step.P3FZF16z.js → step.7RkKgH1n.js} RENAMED
@@ -11,7 +11,7 @@ import { t as p } from "./tooltip.GjnTzFeL.js";
11
11
  import { t as m } from "./line-clamp.CgiUerew.js";
12
12
  import { t as h } from "./progress-bar.BJfkoZ6G.js";
13
13
  //#region ../../packages/atoms/src/components/step/step.styles.ts
14
- var g = t`:host{--color:var(--color);flex:calc(100% / var(--columns) + var(--cx-spacing-small));margin-left:calc(-1 * var(--cx-spacing-small))}:host([round]){max-width:100%;margin-left:0}.step{font-family:var(--cx-font-sans);gap:var(--cx-spacing-x-small);width:100%;display:flex}.step__arrow{padding-top:var(--cx-spacing-x-small);padding-bottom:var(--cx-spacing-x-small);padding-left:var(--cx-spacing-x-large);padding-right:var(--cx-spacing-medium);background-color:var(--cx-color-neutral-100);cursor:pointer;clip-path:polygon(calc(100% - var(--cx-spacing-medium)) 0%, 100% 50%, calc(100% - var(--cx-spacing-medium)) 100%, 0% 100%, var(--cx-spacing-medium) 50%, 0% 0%);align-items:center;width:100%;display:inline-flex;position:relative}.step--first .step__arrow{clip-path:polygon(calc(100% - var(--cx-spacing-medium)) 0%, 100% 50%, calc(100% - var(--cx-spacing-medium)) 100%, 0% 100%, 0 50%, 0% 0%);border-top-left-radius:var(--cx-border-radius-large);border-bottom-left-radius:var(--cx-border-radius-large);padding-left:var(--cx-spacing-small)}.step--last .step__arrow{clip-path:polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, var(--cx-spacing-medium) 50%, 0% 0%);border-top-right-radius:var(--cx-border-radius-large);border-bottom-right-radius:var(--cx-border-radius-large)}.step--first.step--last .step__arrow{clip-path:polygon(100% 0%,100% 50%,100% 100%,0% 100%,0 50%,0% 0%)}.step--active .step__arrow{background-color:color-mix(in srgb, var(--color) 15%, white);cursor:default}.step--completed .step__arrow{opacity:.5}.step--disabled .step__arrow,.step--readonly .step__arrow{cursor:default}.step--disabled.step--has-description .step__arrow,.step--readonly.step--has-description .step__arrow,.step--active.step--has-description .step__arrow{cursor:help}.step__circle{background-color:color-mix(in srgb, var(--color) 15%, white);border:2px solid var(--color);border-radius:var(--cx-border-radius-circle);color:var(--color);font-weight:var(--cx-font-weight-semibold);flex:0 0 32px;justify-content:center;align-items:center;height:32px;display:flex;& cx-icon{font-size:var(--cx-font-size-medium)}}.step--round.step--active .step__circle,.step--round.step--completed .step__circle{background-color:var(--color);color:var(--cx-color-neutral-0)}.step--round.step--disabled .step__circle{background-color:var(--cx-color-neutral-0);border-color:var(--cx-color-neutral-400);color:var(--cx-color-neutral-400)}.step--round.step--error .step__circle{background-color:var(--cx-color-danger);border-color:var(--cx-color-danger);color:var(--cx-color-neutral-0)}.step__content{align-items:center;gap:var(--cx-spacing-x-small);max-width:100%;display:flex;position:relative}.step--round .step__content{flex-direction:column;justify-content:center;align-items:flex-start;gap:0}.step__content__prefix::slotted(cx-icon),.step__content__label{color:var(--cx-color-neutral-600);font-size:var(--cx-font-size-medium)}.step--active .step__content__label,.step--active .step__content__help-text,.step--active .step__content__prefix::slotted(cx-icon),.step--round.step--completed .step__content__label,.step--round.step--completed .step__content__help-text{color:var(--color)}.step--disabled .step__content__label,.step--disabled .step__content__help-text,.step--disabled .step__content__prefix::slotted(cx-icon){color:var(--cx-color-neutral-400)}.step--error .step__content__label,.step--error .step__content__help-text{color:var(--cx-color-danger)}.step--round .step__content__progress{justify-content:center;align-items:center;gap:var(--cx-spacing-small);min-width:120px;line-height:1;display:flex}.step--round .step__content__progress__text{color:var(--color)}.step--round.step__content__help-text{color:var(--cx-color-neutral-600);font-size:var(--cx-font-size-small);line-height:1}.step__line{background-color:var(--color);height:2rem;margin:var(--cx-spacing-medium) calc(32px / 2) 0;flex:1;width:2px}.step--last~.step__line{display:none}cx-progress-bar{--height:8px;flex:1}`, _ = class extends a {
14
+ var g = t`:host{--color:var(--color);flex:calc(100% / var(--columns) + var(--cx-spacing-small));margin-left:calc(-1 * var(--cx-spacing-small))}:host([round]){max-width:100%;margin-left:0}.step{font-family:var(--cx-font-sans);gap:var(--cx-spacing-x-small);width:100%;display:flex}.step__arrow{padding-top:var(--cx-spacing-x-small);padding-bottom:var(--cx-spacing-x-small);padding-left:var(--cx-spacing-x-large);padding-right:var(--cx-spacing-medium);background-color:var(--cx-color-neutral-100);cursor:pointer;clip-path:polygon(calc(100% - var(--cx-spacing-medium)) 0%, 100% 50%, calc(100% - var(--cx-spacing-medium)) 100%, 0% 100%, var(--cx-spacing-medium) 50%, 0% 0%);align-items:center;width:100%;display:inline-flex;position:relative}.step--first .step__arrow{clip-path:polygon(calc(100% - var(--cx-spacing-medium)) 0%, 100% 50%, calc(100% - var(--cx-spacing-medium)) 100%, 0% 100%, 0 50%, 0% 0%);border-top-left-radius:var(--cx-border-radius-large);border-bottom-left-radius:var(--cx-border-radius-large);padding-left:var(--cx-spacing-small)}.step--last .step__arrow{clip-path:polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, var(--cx-spacing-medium) 50%, 0% 0%);border-top-right-radius:var(--cx-border-radius-large);border-bottom-right-radius:var(--cx-border-radius-large)}.step--first.step--last .step__arrow{clip-path:polygon(100% 0%,100% 50%,100% 100%,0% 100%,0 50%,0% 0%)}.step--active .step__arrow{background-color:color-mix(in srgb, var(--color) 15%, white);cursor:default}.step--completed .step__arrow{background-color:var(--cx-color-neutral-50)}.step--disabled .step__arrow,.step--readonly .step__arrow{cursor:default}.step--disabled.step--has-description .step__arrow,.step--readonly.step--has-description .step__arrow,.step--active.step--has-description .step__arrow{cursor:help}.step__circle{background-color:color-mix(in srgb, var(--color) 15%, white);border:2px solid var(--color);border-radius:var(--cx-border-radius-circle);color:var(--color);font-weight:var(--cx-font-weight-semibold);flex:0 0 32px;justify-content:center;align-items:center;height:32px;display:flex;& cx-icon{font-size:var(--cx-font-size-medium)}}.step--round.step--active .step__circle,.step--round.step--completed .step__circle{background-color:var(--color);color:var(--cx-color-neutral-0)}.step--round.step--disabled .step__circle{background-color:var(--cx-color-neutral-0);border-color:var(--cx-color-neutral-400);color:var(--cx-color-neutral-400)}.step--round.step--error .step__circle{background-color:var(--cx-color-danger);border-color:var(--cx-color-danger);color:var(--cx-color-neutral-0)}.step__content{align-items:center;gap:var(--cx-spacing-x-small);max-width:100%;display:flex;position:relative}.step--round .step__content{flex-direction:column;justify-content:center;align-items:flex-start;gap:0}.step__content__prefix::slotted(cx-icon),.step__content__label{color:var(--cx-color-neutral-700);font-size:var(--cx-font-size-medium)}.step--active .step__content__label,.step--active .step__content__help-text,.step--active .step__content__prefix::slotted(cx-icon),.step--round.step--completed .step__content__label,.step--round.step--completed .step__content__help-text{color:var(--text-color,var(--color))}.step--disabled .step__content__label,.step--disabled .step__content__help-text,.step--disabled .step__content__prefix::slotted(cx-icon){color:var(--cx-color-neutral-400)}.step--error .step__content__label,.step--error .step__content__help-text{color:var(--cx-color-danger)}.step--round .step__content__progress{justify-content:center;align-items:center;gap:var(--cx-spacing-small);min-width:120px;line-height:1;display:flex}.step--round .step__content__progress__text{color:var(--color)}.step--round.step__content__help-text{color:var(--cx-color-neutral-600);font-size:var(--cx-font-size-small);line-height:1}.step__line{background-color:var(--color);height:2rem;margin:var(--cx-spacing-medium) calc(32px / 2) 0;flex:1;width:2px}.step--last~.step__line{display:none}cx-progress-bar{--height:8px;flex:1}`, _ = class extends a {
15
15
  static #e = this.styles = [s, g];
16
16
  static #t = this.dependencies = {
17
17
  "cx-icon": d,
@@ -20,7 +20,7 @@ var g = t`:host{--color:var(--color);flex:calc(100% / var(--columns) + var(--cx-
20
20
  "cx-tooltip": p
21
21
  };
22
22
  constructor() {
23
- super(), this.active = !1, this.completed = !1, this.disabled = !1, this.readonly = !1, this.error = !1, this.index = 0, this.last = !1, this.helpText = "", this.progress = 0, this.color = "var(--cx-color-primary)", this.round = !1, this.description = "", this.renderDefaultStep = this.renderDefaultStep.bind(this), this.renderRoundStep = this.renderRoundStep.bind(this);
23
+ super(), this.active = !1, this.completed = !1, this.disabled = !1, this.readonly = !1, this.error = !1, this.index = 0, this.last = !1, this.helpText = "", this.progress = 0, this.color = "var(--cx-color-primary)", this.textColor = "", this.round = !1, this.description = "", this.renderDefaultStep = this.renderDefaultStep.bind(this), this.renderRoundStep = this.renderRoundStep.bind(this);
24
24
  }
25
25
  handleClick() {
26
26
  this.disabled || this.active || this.readonly || this.emit("cx-step-select", { detail: { id: this.dataset.id } });
@@ -34,7 +34,10 @@ var g = t`:host{--color:var(--color);flex:calc(100% / var(--columns) + var(--cx-
34
34
  `)}</div>`;
35
35
  }
36
36
  render() {
37
- return e`<cx-tooltip ?disabled=${!this.description.trim()} .content=${this.description} hoist><div style=${f({ "--color": this.color })}><div part="base" aria-label="step" role="button" class=${l({
37
+ return e`<cx-tooltip ?disabled=${!this.description.trim()} .content=${this.description} hoist><div style=${f({
38
+ "--color": this.color,
39
+ "--text-color": this.textColor || this.color
40
+ })}><div part="base" aria-label="step" role="button" class=${l({
38
41
  step: !0,
39
42
  "step--active": this.active,
40
43
  "step--completed": this.completed,
@@ -74,6 +77,10 @@ r([o("div[part=\"base\"]"), i("design:type", typeof HTMLDivElement > "u" ? Objec
74
77
  reflect: !0,
75
78
  type: String
76
79
  }), i("design:type", String)], _.prototype, "color", void 0), r([n({
80
+ attribute: "text-color",
81
+ reflect: !0,
82
+ type: String
83
+ }), i("design:type", String)], _.prototype, "textColor", void 0), r([n({
77
84
  reflect: !0,
78
85
  type: Boolean
79
86
  }), i("design:type", Boolean)], _.prototype, "round", void 0), r([n({
package/library/chunks/{stepper-wizard.CZSapmS6.js → stepper-wizard.D7XpenfO.js} RENAMED
@@ -7,8 +7,8 @@ import { t as l } from "./icon.CeQpEaQz.js";
7
7
  import { t as u } from "./style-map.DPGQIxip.js";
8
8
  import { t as d } from "./resize-observer.D9EHlnZI.js";
9
9
  import { t as f } from "./repeat.CKv9FPlC.js";
10
- import { t as p } from "./step.P3FZF16z.js";
11
- import { t as m } from "./stepper.k295FMQ-.js";
10
+ import { t as p } from "./step.7RkKgH1n.js";
11
+ import { t as m } from "./stepper.BhLxi6eC.js";
12
12
  //#region ../../packages/molecules/src/stepper-wizard/stepper-wizard.styles.ts
13
13
  var h = t`:host{display:block}`, g = class extends a {
14
14
  constructor(...e) {
@@ -33,7 +33,7 @@ var h = t`:host{display:block}`, g = class extends a {
33
33
  this.requestUpdate("columnCount");
34
34
  }
35
35
  render() {
36
- return e`<cx-resize-observer @cx-resize=${this.handleResize}><div><cx-stepper items-per-row=${this.columnCount}>${f(this.data, (e) => e.id, (t) => e`<cx-step slot="step" data-id=${t.id} .completed=${t.state === "Done"} .disabled=${this.disabled || t.state === "Disabled"} .readonly=${t.readonly} .active=${t.state === "Active"} .color=${t.color} .description=${t.description ?? ""} style=${u({
36
+ return e`<cx-resize-observer @cx-resize=${this.handleResize}><div><cx-stepper items-per-row=${this.columnCount}>${f(this.data, (e) => e.id, (t) => e`<cx-step slot="step" data-id=${t.id} .completed=${t.state === "Done"} .disabled=${this.disabled || t.state === "Disabled"} .readonly=${t.readonly} .active=${t.state === "Active"} .color=${t.color} .textColor=${t.textColor ?? ""} .description=${t.description ?? ""} style=${u({
37
37
  maxWidth: `${this.maxWidth}px`,
38
38
  minWidth: `${this.minWidth}px`
39
39
  })}>${c(t.state === "Done", () => e`<cx-icon slot="prefix" variant="filled" name="check_circle"></cx-icon>`, () => e`${c(t.icon, () => e`<cx-icon slot="prefix" variant=${t.iconVariant || "outlined"} name=${t.icon}></cx-icon>`)}`)}
package/library/chunks/{stepper.k295FMQ-.js → stepper.BhLxi6eC.js} RENAMED
@@ -6,7 +6,7 @@ import { t as c } from "./custom-element.BEMYNDK1.js";
6
6
  import { t as l } from "./watch.Ub5r8btz.js";
7
7
  import { t as u } from "./class-map.D8nsNOVJ.js";
8
8
  import { t as d } from "./style-map.DPGQIxip.js";
9
- import { t as f } from "./step.P3FZF16z.js";
9
+ import { t as f } from "./step.7RkKgH1n.js";
10
10
  //#region ../../packages/atoms/src/components/stepper/stepper.styles.ts
11
11
  var p = t`.stepper{row-gap:var(--cx-spacing-2x-small);flex-wrap:wrap;max-width:100%;display:flex}.stepper--vertical{flex-direction:column}`, m = class extends a {
12
12
  constructor(...e) {
package/library/components/atoms.js CHANGED
@@ -8,7 +8,7 @@ import { t as c } from "../chunks/alert.D8Gwfkvy.js";
8
8
  import { t as l } from "../chunks/am-chart.COOKOvT1.js";
9
9
  import { t as u } from "../chunks/animated-image.w6VdagCh.js";
10
10
  import { t as d } from "../chunks/animation.CRLxJUWm.js";
11
- import { n as f, r as p, t as m } from "../chunks/src.DL7bDKR0.js";
11
+ import { n as f, r as p, t as m } from "../chunks/src.BTxthfsd.js";
12
12
  import { t as h } from "../chunks/button.BlhGCsjP.js";
13
13
  import { t as g } from "../chunks/tooltip.GjnTzFeL.js";
14
14
  import { t as _ } from "../chunks/resize-observer.D9EHlnZI.js";
@@ -80,8 +80,8 @@ import { t as Oe } from "../chunks/range.blqKtzMI.js";
80
80
  import { t as ke } from "../chunks/rating.BgUId4FT.js";
81
81
  import { t as Ae } from "../chunks/relative-time.BSSaZxeD.js";
82
82
  import { t as je } from "../chunks/split-panel.CVyqM2Dr.js";
83
- import { t as Me } from "../chunks/step.P3FZF16z.js";
84
- import { t as Ne } from "../chunks/stepper.k295FMQ-.js";
83
+ import { t as Me } from "../chunks/step.7RkKgH1n.js";
84
+ import { t as Ne } from "../chunks/stepper.BhLxi6eC.js";
85
85
  import { t as Pe } from "../chunks/switch.CBho2RVW.js";
86
86
  import { t as Fe } from "../chunks/timecode.DME2imtx.js";
87
87
  import { a as Ie, i as Le } from "../chunks/tree.Cvx7TQer.js";
package/library/components/molecules.js CHANGED
@@ -13,6 +13,6 @@ import { t as d } from "../chunks/shadow-input-group.k4MBg4Pf.js";
13
13
  import { t as f } from "../chunks/share-option-list.8OSETkgd.js";
14
14
  import { t as p } from "../chunks/sidebar.B1MjUxBY.js";
15
15
  import { t as m } from "../chunks/size-input-group.CR0wHbEO.js";
16
- import { t as h } from "../chunks/stepper-wizard.CZSapmS6.js";
16
+ import { t as h } from "../chunks/stepper-wizard.D7XpenfO.js";
17
17
  import { t as g } from "../chunks/typeface.CHo-Lj6f.js";
18
18
  export { e as CxBicolorPicker, t as CxBorderInputGroup, n as CxColorSwatch, r as CxConfirmPopover, i as CxCornerPositionInputGroup, a as CxCropper, o as CxDynamicSelect, s as CxFolderSelect, c as CxMasonry, l as CxPaddingInputGroup, u as CxPositionPicker, d as CxShadowInputGroup, f as CxShareOptionList, p as CxSidebar, m as CxSizeInputGroup, h as CxStepperWizard, g as CxTypeface };
package/library/components/step.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as e } from "../chunks/step.P3FZF16z.js";
1
+ import { t as e } from "../chunks/step.7RkKgH1n.js";
2
2
  export { e as default };
package/library/components/stepper-wizard.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as e } from "../chunks/stepper-wizard.CZSapmS6.js";
1
+ import { t as e } from "../chunks/stepper-wizard.D7XpenfO.js";
2
2
  export { e as default };
package/library/components/stepper.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as e } from "../chunks/stepper.k295FMQ-.js";
1
+ import { t as e } from "../chunks/stepper.BhLxi6eC.js";
2
2
  export { e as default };
package/library/components/types.js CHANGED
@@ -24,7 +24,7 @@ import { t as ue } from "../chunks/alert.D8Gwfkvy.js";
24
24
  import { t as de } from "../chunks/am-chart.COOKOvT1.js";
25
25
  import { t as fe } from "../chunks/animated-image.w6VdagCh.js";
26
26
  import { t as I } from "../chunks/animation.CRLxJUWm.js";
27
- import { n as pe, r as me, t as he } from "../chunks/src.DL7bDKR0.js";
27
+ import { n as pe, r as me, t as he } from "../chunks/src.BTxthfsd.js";
28
28
  import { t as ge } from "../chunks/style-map.DPGQIxip.js";
29
29
  import { n as _e, t as ve } from "../chunks/button.BlhGCsjP.js";
30
30
  import { c as ye, i as be, l as xe, o as Se, r as Ce, s as we } from "../chunks/resizable-component.styles.v9pbLDG5.js";
@@ -38,7 +38,7 @@ import { t as kt } from "../chunks/resize-observer.D9EHlnZI.js";
38
38
  import { t as At } from "../chunks/line-clamp.CgiUerew.js";
39
39
  import { t as jt } from "../chunks/tag.V9YP_T0h.js";
40
40
  import { t as Mt } from "../chunks/array-line-clamp.DSzPRb_y.js";
41
- import { A as Nt, C as Pt, D as Ft, E as It, O as Lt, S as Rt, T as zt, d as Bt, f as Vt, h as Ht, k as Ut, m as Wt, o as Gt, p as Kt, r as qt, s as Jt, t as Yt, u as Xt, w as Zt, x as Qt } from "../chunks/block-width.C4eA970k.js";
41
+ import { A as Nt, C as Pt, D as Ft, E as It, O as Lt, S as Rt, T as zt, d as Bt, f as Vt, h as Ht, k as Ut, m as Wt, o as Gt, p as Kt, r as qt, s as Jt, t as Yt, u as Xt, w as Zt, x as Qt } from "../chunks/block-width.DeMzy9kI.js";
42
42
  import { n as $t, t as en } from "../chunks/position-picker.dY_vgF_H.js";
43
43
  import { a as tn, i as nn, n as rn, o as an, r as on, s as sn, t as cn } from "../chunks/src.BJhIYoMP.js";
44
44
  import { a as ln, c as un, i as dn, n as fn, o as pn, r as mn, t as hn, u as gn } from "../chunks/time.p1t0NCwj.js";
@@ -137,8 +137,8 @@ import { t as Cs } from "../chunks/range.blqKtzMI.js";
137
137
  import { t as ws } from "../chunks/rating.BgUId4FT.js";
138
138
  import { t as Ts } from "../chunks/relative-time.BSSaZxeD.js";
139
139
  import { t as Es } from "../chunks/split-panel.CVyqM2Dr.js";
140
- import { t as Ds } from "../chunks/step.P3FZF16z.js";
141
- import { t as Os } from "../chunks/stepper.k295FMQ-.js";
140
+ import { t as Ds } from "../chunks/step.7RkKgH1n.js";
141
+ import { t as Os } from "../chunks/stepper.BhLxi6eC.js";
142
142
  import { t as ks } from "../chunks/switch.CBho2RVW.js";
143
143
  import { t as As } from "../chunks/timecode.DME2imtx.js";
144
144
  import { a as js, i as Ms, o as Ns } from "../chunks/tree.Cvx7TQer.js";
@@ -163,7 +163,7 @@ import { t as ec } from "../chunks/shadow-input-group.k4MBg4Pf.js";
163
163
  import { t as tc } from "../chunks/share-option-list.8OSETkgd.js";
164
164
  import { t as nc } from "../chunks/sidebar.B1MjUxBY.js";
165
165
  import { t as rc } from "../chunks/size-input-group.CR0wHbEO.js";
166
- import { t as ic } from "../chunks/stepper-wizard.CZSapmS6.js";
166
+ import { t as ic } from "../chunks/stepper-wizard.D7XpenfO.js";
167
167
  import { t as ac } from "../chunks/typeface.CHo-Lj6f.js";
168
168
  import { T as oc, _ as sc, a as cc, b as lc, c as uc, d as dc, l as fc, m as pc, n as mc, o as hc, r as gc, s as _c, t as vc, v as yc } from "../chunks/asset-link-format.vbmd2KkO.js";
169
169
  import { c as bc, h as xc, l as Sc, m as Cc, p as eee, t as tee, u as wc } from "../chunks/color-swatch-group.BF_AFUh6.js";
@@ -95056,7 +95056,7 @@ var j5 = class extends d {
95056
95056
  return this.mappedSupportedLanguages.length > 1;
95057
95057
  }
95058
95058
  ensureConfigUi() {
95059
- return this.configUiPromise ??= Promise.all([import("../chunks/config-manager.DS9hzkG8.js"), import("../chunks/configs-controller.saCTvDW1.js").then((e) => e.n)]).then(async ([, e]) => {
95059
+ return this.configUiPromise ??= Promise.all([import("../chunks/config-manager.CGxZPmaa.js"), import("../chunks/configs-controller.saCTvDW1.js").then((e) => e.n)]).then(async ([, e]) => {
95060
95060
  this.configsController ??= new e.default(this.localize), await customElements.whenDefined("cx-config-manager"), await this.configManager?.updateComplete;
95061
95061
  });
95062
95062
  }
package/library/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@orangelogic/design-system",
3
3
  "type": "module",
4
- "version": "4.34.0",
4
+ "version": "4.35.0",
5
5
  "license": "UNLICENSED",
6
6
  "types": "library/types.d.ts",
7
7
  "scripts": {
package/library/packages/atoms/src/components/step/step.d.ts CHANGED
@@ -66,6 +66,10 @@ export default class CxStep extends CortexElement {
66
66
  * This is the one that draws the circle
67
67
  */
68
68
  color: string;
69
+ /**
70
+ * Overrides the active label color, used as-is (no contrast adjustment). Defaults to `color`.
71
+ */
72
+ textColor: string;
69
73
  /**
70
74
  * Draws the step with a circle indicator instead of an arrow.
71
75
  */
package/library/packages/types/src/stepper-wizard.d.ts CHANGED
@@ -7,4 +7,5 @@ export type StepData = {
7
7
  name: string;
8
8
  readonly: boolean;
9
9
  state: 'Done' | 'Active' | 'None' | 'Disabled';
10
+ textColor?: string;
10
11
  };
package/library/react-web-component.d.ts CHANGED
@@ -29,7 +29,7 @@
29
29
  export type CxMentionsAutocompleteItem = { "id": string; "label": string; "name": string; "suffixContent": string; "suffixIcon": string; "suffixTooltip": string; "suffixType": "badge"; "title": string; "type": string; };
30
30
  export type CxMultiSelectColumnData = { "dividerColor": string; "id": string; "items": { "disabled": boolean; "group": string; "id": string; "index": string; "metadata": dictionary; "multiValueMetadata": dictionary; "text": string; "tooltip": string; "type": string; }[]; "sort": boolean; "title": string; };
31
31
  export type CxShareOptionListShareOptionListItem = { "disabled": boolean; "icon": string; "id": string; "name": string; "tooltip": string; };
32
- export type CxStepperWizardStepData = { "color": string; "description": string; "icon": string; "iconVariant": "outlined" | "filled" | "fa"; "id": string; "name": string; "readonly": boolean; "state": "Done" | "Active" | "None" | "Disabled"; };
32
+ export type CxStepperWizardStepData = { "color": string; "description": string; "icon": string; "iconVariant": "outlined" | "filled" | "fa"; "id": string; "name": string; "readonly": boolean; "state": "Done" | "Active" | "None" | "Disabled"; "textColor": string; };
33
33
  export type CxAssetLinkFormatAsset = { "allowATSLink": boolean; "docSubType": string; "docType": "Album" | "Audio" | "Audio segment" | "Image" | "Multimedia" | "ProjectDocument" | "Story" | "Video" | "Widget"; "extension": string; "height": string; "id": string; "identifier": string; "imageUrl": string; "name": string; "scrubUrl": string; "size": string; "width": string; };
34
34
  export type CxAssetLinkFormatCropMode = { "auto": boolean; "disabledSize": boolean; "label": string; "value": string; };
35
35
  export type CxAssetLinkFormatFocusMode = { "auto": boolean; "label": string; "value": string; };
@@ -4776,6 +4776,10 @@
4776
4776
  * This is the one that draws the circle
4777
4777
  */
4778
4778
  color?: string;
4779
+ /**
4780
+ * Overrides the active label color, used as-is (no contrast adjustment). Defaults to `color`.
4781
+ */
4782
+ textColor?: string;
4779
4783
  /**
4780
4784
  * Draws the step with a circle indicator instead of an arrow.
4781
4785
  */
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@orangelogic/design-system",
3
3
  "type": "module",
4
- "version": "4.34.0",
4
+ "version": "4.35.0",
5
5
  "license": "UNLICENSED",
6
6
  "types": "library/types.d.ts",
7
7
  "scripts": {