@orangelogic/design-system 3.58.0 → 3.63.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 (23) hide show
  1. package/library/chunks/{block-width.DO9qMNf6.js → block-width.fhdy5WRS.js} +361 -446
  2. package/library/chunks/{config-manager.BKmXLHaH.js → config-manager.Dr_5Nx4Q.js} +20 -20
  3. package/library/chunks/{configs-controller.CrajsBAF.js → configs-controller.CM0Jf3I2.js} +918 -831
  4. package/library/chunks/{src.qAKiRBjl.js → src.C34JrW8T.js} +2 -2
  5. package/library/chunks/{step.DbfZAAd2.js → step._Tv5amzP.js} +10 -3
  6. package/library/chunks/{stepper-wizard.lIqA749z.js → stepper-wizard.C6TrheIf.js} +3 -3
  7. package/library/chunks/{stepper.BdIYewYh.js → stepper.CRlduUfA.js} +1 -1
  8. package/library/components/atoms.js +3 -3
  9. package/library/components/molecules.js +1 -1
  10. package/library/components/step.js +1 -1
  11. package/library/components/stepper-wizard.js +1 -1
  12. package/library/components/stepper.js +1 -1
  13. package/library/components/types.js +13516 -13426
  14. package/library/package.json +1 -1
  15. package/library/packages/atoms/src/components/step/step.d.ts +4 -0
  16. package/library/packages/organisms/src/capacity-planner/components/capacity-week-bar/capacity-week-bar.d.ts +60 -8
  17. package/library/packages/organisms/src/content-builder/content-builder.utils.d.ts +5 -0
  18. package/library/packages/organisms/src/space-selector/space-selector.d.ts +4 -1
  19. package/library/packages/tools/src/tiptap/extensions/subscript/index.d.ts +2 -0
  20. package/library/packages/tools/src/tiptap/extensions/superscript/index.d.ts +2 -0
  21. package/library/packages/types/src/stepper-wizard.d.ts +1 -0
  22. package/library/react-web-component.d.ts +6 -2
  23. package/package.json +1 -1
package/library/chunks/{src.qAKiRBjl.js → src.C34JrW8T.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.DbfZAAd2.js";
82
- import "./stepper.BdIYewYh.js";
81
+ import "./step._Tv5amzP.js";
82
+ import "./stepper.CRlduUfA.js";
83
83
  import "./switch.CBho2RVW.js";
84
84
  import "./timecode.DME2imtx.js";
85
85
  import "./tree.CvknQrPD.js";
package/library/chunks/{step.DbfZAAd2.js → step._Tv5amzP.js} RENAMED
@@ -11,7 +11,7 @@ import { t as p } from "./tooltip.GjnTzFeL.js";
11
11
  import { t as m } from "./line-clamp.CFDQn3q5.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:light-dark(color-mix(in srgb, var(--color) 15%, white),color-mix(in srgb, var(--color) 30%, var(--cx-color-neutral-0)));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.lIqA749z.js → stepper-wizard.C6TrheIf.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.DbfZAAd2.js";
11
- import { t as m } from "./stepper.BdIYewYh.js";
10
+ import { t as p } from "./step._Tv5amzP.js";
11
+ import { t as m } from "./stepper.CRlduUfA.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.BdIYewYh.js → stepper.CRlduUfA.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.DbfZAAd2.js";
9
+ import { t as f } from "./step._Tv5amzP.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.qAKiRBjl.js";
11
+ import { n as f, r as p, t as m } from "../chunks/src.C34JrW8T.js";
12
12
  import { t as h } from "../chunks/button.Cgunf6cP.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.DbfZAAd2.js";
84
- import { t as Ne } from "../chunks/stepper.BdIYewYh.js";
83
+ import { t as Me } from "../chunks/step._Tv5amzP.js";
84
+ import { t as Ne } from "../chunks/stepper.CRlduUfA.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.CvknQrPD.js";
package/library/components/molecules.js CHANGED
@@ -13,6 +13,6 @@ import { t as d } from "../chunks/shadow-input-group.B6gcdNEi.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.f_Zw3nTt.js";
16
- import { t as h } from "../chunks/stepper-wizard.lIqA749z.js";
16
+ import { t as h } from "../chunks/stepper-wizard.C6TrheIf.js";
17
17
  import { t as g } from "../chunks/typeface.FHj7pyQy.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.DbfZAAd2.js";
1
+ import { t as e } from "../chunks/step._Tv5amzP.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.lIqA749z.js";
1
+ import { t as e } from "../chunks/stepper-wizard.C6TrheIf.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.BdIYewYh.js";
1
+ import { t as e } from "../chunks/stepper.CRlduUfA.js";
2
2
  export { e as default };