@orangelogic/design-system 2.200.0 → 2.201.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.
- package/library/chunks/{asset-link-format.DqokYoTI.js → asset-link-format.DrI99FKO.js} +1 -1
- package/library/chunks/{color-swatch-group.DyOxAUOC.js → color-swatch-group.DBwOBmmi.js} +1 -1
- package/library/chunks/{option.B6odSlS2.js → option.CCJLbAuF.js} +16 -16
- package/library/chunks/{pagination.mzolTIpF.js → pagination.jGOZVKL5.js} +1 -1
- package/library/components/asset-link-format.js +1 -1
- package/library/components/atoms.js +2 -2
- package/library/components/color-swatch-group.js +1 -1
- package/library/components/corner-position-input-group.js +1 -1
- package/library/components/dynamic-select.js +1 -1
- package/library/components/file-on-demand.js +1 -1
- package/library/components/option.js +1 -1
- package/library/components/organisms.js +2 -2
- package/library/components/pagination.js +2 -2
- package/library/components/select.js +1 -1
- package/library/components/types.js +5 -5
- package/library/package.json +1 -1
- package/library/packages/atoms/src/components/option/option.d.ts +1 -1
- package/package.json +1 -1
|
@@ -27,7 +27,7 @@ import Vt from "../components/divider.js";
|
|
|
27
27
|
import { C as at } from "./icon.CpHbi8tH.js";
|
|
28
28
|
import { C as Pt } from "./icon-button.CVrxJcZq.js";
|
|
29
29
|
import { C as Ft } from "./input.33UmFGqR.js";
|
|
30
|
-
import { C as vt } from "./option.
|
|
30
|
+
import { C as vt } from "./option.CCJLbAuF.js";
|
|
31
31
|
import zt from "../components/select.js";
|
|
32
32
|
import he from "../components/position-picker.js";
|
|
33
33
|
import { c as le } from "./image.Y5c_hFx8.js";
|
|
@@ -40,7 +40,7 @@ import { o as ft } from "./style-map.llVFPd__.js";
|
|
|
40
40
|
import ai from "../components/dropdown.js";
|
|
41
41
|
import ea from "../components/menu-section.js";
|
|
42
42
|
import jr from "../components/checkbox.js";
|
|
43
|
-
import { C as ta, P as ia } from "./pagination.
|
|
43
|
+
import { C as ta, P as ia } from "./pagination.jGOZVKL5.js";
|
|
44
44
|
import { H as Gr } from "./slot.j5oheLJC.js";
|
|
45
45
|
import { g as B, a as Vo } from "./dom.gRV2cDjL.js";
|
|
46
46
|
import "./browser.BHOCIF_A.js";
|
|
@@ -3,23 +3,23 @@ import { c as m } from "./component.styles.CRO4Odto.js";
|
|
|
3
3
|
import { c as v } from "./custom-element.L4WJXn1j.js";
|
|
4
4
|
import { L as g } from "./i18n.DbXTTLXx.js";
|
|
5
5
|
import { w as d } from "./watch.DJF5K-8U.js";
|
|
6
|
-
import { i as
|
|
6
|
+
import { i as b, x as h } from "./lit-element.jLBm65_O.js";
|
|
7
7
|
import { r as f } from "./state.CSDxrqLd.js";
|
|
8
|
-
import { e as
|
|
8
|
+
import { e as _ } from "./query.BBf1UFkC.js";
|
|
9
9
|
import { e as y } from "./class-map.BiVq-cVR.js";
|
|
10
10
|
import { n as u } from "./when.Dr1es41R.js";
|
|
11
|
-
import { C as
|
|
12
|
-
import
|
|
13
|
-
var
|
|
14
|
-
const C =
|
|
15
|
-
var L = Object.defineProperty, E = Object.getOwnPropertyDescriptor, o = (t, n, i,
|
|
16
|
-
for (var a =
|
|
17
|
-
(p = t[c]) && (a = (
|
|
18
|
-
return
|
|
11
|
+
import { C as k } from "./icon.CpHbi8tH.js";
|
|
12
|
+
import w from "../components/space.js";
|
|
13
|
+
var l = /* @__PURE__ */ ((t) => (t.Left = "left", t.Right = "right", t))(l || {});
|
|
14
|
+
const C = b`:host{-webkit-user-select:none;user-select:none;display:block}:host(:focus){outline:none}.option{font-family:var(--option-font-family), var(--cx-font-sans);font-size:var(--cx-font-size-small);font-weight:var(--option-font-weight,var(--cx-font-weight-regular));line-height:var(--cx-line-height-large);letter-spacing:var(--cx-letter-spacing-normal);color:var(--option-color,var(--cx-color-neutral-700));padding:var(--cx-spacing-x-small) var(--cx-spacing-medium) var(--cx-spacing-x-small) var(--cx-spacing-x-small);transition:var(--cx-transition-fast) fill;cursor:pointer;align-items:center;display:flex;position:relative}.option:not(.option--show-check){padding-inline:var(--cx-spacing-small)}.option--hover:not(.option--disabled){background-color:var(--cx-menu-item-background-color-hover)}.option--current,.option--current.option--disabled{background-color:var(--option-current-background-color,var(--cx-menu-item-background-color-hover,transparent));opacity:1}.option--selected{background-color:var(--option-current-background-color,transparent);color:var(--option-selected-color,var(--cx-color-primary));font-weight:var(--option-selected-font-weight,var(--cx-font-weight-regular))}.option--disabled{opacity:.5;cursor:default;outline:none}.option__content{flex:1}.option__label{line-height:var(--cx-line-height-medium);flex:auto;display:inline-block}.option .option__check{visibility:hidden;flex:none;justify-content:center;align-items:center;padding-inline-end:var(--cx-spacing-2x-small);display:none}.option--show-check .option__check{display:block}.option--show-check.option--selected .option__check{visibility:visible}.option__help-text{color:var(--option-help-text-color,var(--cx-color-neutral-600));font-weight:var(--option-help-text-font-weight,var(--cx-font-weight-regular))}.option--selected .option__content .option__help-text{color:var(--option-selected-help-text-color,var(--cx-color-primary));font-weight:var(--option-selected-help-text-font-weight,var(--cx-font-weight-regular))}.option__prefix,.option__suffix{flex:none;align-items:center;display:flex}.option__prefix::slotted(*){margin-inline-end:var(--cx-spacing-x-small)}.option__suffix::slotted(*){margin-inline-start:var(--cx-spacing-x-small)}.option__prefix{align-self:var(--prefix-alignment,center)}.option__suffix{align-self:var(--suffix-alignment,center)}.option__check{align-self:var(--check-alignment,center)}@media (forced-colors:active){:host(:hover:not([aria-disabled=true])) .option{outline-offset:-1px;outline:1px dashed selecteditem}}`;
|
|
15
|
+
var L = Object.defineProperty, E = Object.getOwnPropertyDescriptor, o = (t, n, i, r) => {
|
|
16
|
+
for (var a = r > 1 ? void 0 : r ? E(n, i) : n, c = t.length - 1, p; c >= 0; c--)
|
|
17
|
+
(p = t[c]) && (a = (r ? p(n, i, a) : p(a)) || a);
|
|
18
|
+
return r && a && L(n, i, a), a;
|
|
19
19
|
};
|
|
20
20
|
let e = class extends x {
|
|
21
21
|
constructor() {
|
|
22
|
-
super(...arguments), this.localize = new g(this), this.current = !1, this.selected = !1, this.hasHover = !1, this.value = "", this.disabled = !1, this.showCheck = !1, this.checkPlacement =
|
|
22
|
+
super(...arguments), this.localize = new g(this), this.current = !1, this.selected = !1, this.hasHover = !1, this.value = "", this.disabled = !1, this.showCheck = !1, this.checkPlacement = l.Left;
|
|
23
23
|
}
|
|
24
24
|
runFirstUpdated() {
|
|
25
25
|
this.setAttribute("role", "option"), this.setAttribute("aria-selected", "false");
|
|
@@ -71,18 +71,18 @@ let e = class extends x {
|
|
|
71
71
|
"option--selected": this.selected,
|
|
72
72
|
"option--show-check": this.showCheck
|
|
73
73
|
})} @mouseenter=${this.handleMouseEnter} @mouseleave=${this.handleMouseLeave}>${u(
|
|
74
|
-
this.checkPlacement ===
|
|
74
|
+
this.checkPlacement === l.Left,
|
|
75
75
|
() => h`<cx-icon part="checked-icon" class="option__check" name="check" library="system" aria-hidden="true"></cx-icon>`
|
|
76
76
|
)}<slot part="prefix" name="prefix" class="option__prefix"></slot><cx-space part="content" class="option__content" direction="vertical" spacing="3x-small"><slot part="label" class="option__label" @slotchange=${this.handleDefaultSlotChange}></slot><slot part="help-text" name="help-text" class="option__help-text"></slot></cx-space><slot part="suffix" name="suffix" class="option__suffix"></slot>${u(
|
|
77
|
-
this.checkPlacement ===
|
|
77
|
+
this.checkPlacement === l.Right,
|
|
78
78
|
() => h`<cx-icon part="checked-icon" class="option__check" name="check" library="system" aria-hidden="true"></cx-icon>`
|
|
79
79
|
)}</div>`;
|
|
80
80
|
}
|
|
81
81
|
};
|
|
82
82
|
e.styles = [m, C];
|
|
83
|
-
e.dependencies = { "cx-icon":
|
|
83
|
+
e.dependencies = { "cx-icon": k, "cx-space": w };
|
|
84
84
|
o([
|
|
85
|
-
|
|
85
|
+
_(".option__label")
|
|
86
86
|
], e.prototype, "defaultSlot", 2);
|
|
87
87
|
o([
|
|
88
88
|
f()
|
|
@@ -119,5 +119,5 @@ e = o([
|
|
|
119
119
|
], e);
|
|
120
120
|
export {
|
|
121
121
|
e as C,
|
|
122
|
-
|
|
122
|
+
l as a
|
|
123
123
|
};
|
|
@@ -12,7 +12,7 @@ import { c as x } from "./repeat.CFjcER6_.js";
|
|
|
12
12
|
import { n as g } from "./when.Dr1es41R.js";
|
|
13
13
|
import { C as w } from "./button.BnkkUqiI.js";
|
|
14
14
|
import { C as v } from "./input.33UmFGqR.js";
|
|
15
|
-
import { C as I } from "./option.
|
|
15
|
+
import { C as I } from "./option.CCJLbAuF.js";
|
|
16
16
|
import B from "../components/select.js";
|
|
17
17
|
import N from "../components/tooltip.js";
|
|
18
18
|
import { C as k } from "./typography.IqHbnd3C.js";
|
|
@@ -3,7 +3,7 @@ import "../chunks/button.BnkkUqiI.js";
|
|
|
3
3
|
import "./space.js";
|
|
4
4
|
import "../chunks/typography.IqHbnd3C.js";
|
|
5
5
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
6
|
-
import { C as h } from "../chunks/asset-link-format.
|
|
6
|
+
import { C as h } from "../chunks/asset-link-format.DrI99FKO.js";
|
|
7
7
|
import "../chunks/component.styles.CRO4Odto.js";
|
|
8
8
|
import "../chunks/asset-link-format.ClaYu_v8.js";
|
|
9
9
|
import "../chunks/position-picker.DjnhxIKF.js";
|
|
@@ -51,8 +51,8 @@ import { default as oo } from "./menu-item.js";
|
|
|
51
51
|
import { default as ao } from "./menu-label.js";
|
|
52
52
|
import { default as xo } from "./menu-section.js";
|
|
53
53
|
import { default as mo } from "./mutation-observer.js";
|
|
54
|
-
import { C as po } from "../chunks/option.
|
|
55
|
-
import { C as uo } from "../chunks/pagination.
|
|
54
|
+
import { C as po } from "../chunks/option.CCJLbAuF.js";
|
|
55
|
+
import { C as uo } from "../chunks/pagination.jGOZVKL5.js";
|
|
56
56
|
import { default as no } from "./popup.js";
|
|
57
57
|
import { default as co } from "./progress-bar.js";
|
|
58
58
|
import { default as bo } from "./progress-ring.js";
|
|
@@ -3,7 +3,7 @@ import "../chunks/typography.IqHbnd3C.js";
|
|
|
3
3
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
4
4
|
import "../chunks/color-swatch.D6Gg5bpz.js";
|
|
5
5
|
import "../chunks/component.styles.CRO4Odto.js";
|
|
6
|
-
import { C as v } from "../chunks/color-swatch-group.
|
|
6
|
+
import { C as v } from "../chunks/color-swatch-group.DBwOBmmi.js";
|
|
7
7
|
import "../chunks/transformation.DHEr6Kf3.js";
|
|
8
8
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
9
9
|
import "../chunks/debounce.DaHuiSGU.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { C as u } from "../chunks/input.33UmFGqR.js";
|
|
2
|
-
import { C as h } from "../chunks/option.
|
|
2
|
+
import { C as h } from "../chunks/option.CCJLbAuF.js";
|
|
3
3
|
import m from "./select.js";
|
|
4
4
|
import x from "./space.js";
|
|
5
5
|
import { n as l, C as g } from "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { C as g } from "../chunks/button.BnkkUqiI.js";
|
|
2
2
|
import { C as O } from "../chunks/icon-button.CVrxJcZq.js";
|
|
3
|
-
import { C as h, a as C } from "../chunks/option.
|
|
3
|
+
import { C as h, a as C } from "../chunks/option.CCJLbAuF.js";
|
|
4
4
|
import $ from "./select.js";
|
|
5
5
|
import { n as s, C as v } from "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
6
6
|
import { c as x } from "../chunks/custom-element.L4WJXn1j.js";
|
|
@@ -22,7 +22,7 @@ import Et from "./divider.js";
|
|
|
22
22
|
import nt from "./format-bytes.js";
|
|
23
23
|
import { C as vt } from "../chunks/icon-button.CVrxJcZq.js";
|
|
24
24
|
import { C as Lt } from "../chunks/input.33UmFGqR.js";
|
|
25
|
-
import { C as Ut } from "../chunks/option.
|
|
25
|
+
import { C as Ut } from "../chunks/option.CCJLbAuF.js";
|
|
26
26
|
import yt from "./relative-time.js";
|
|
27
27
|
import Ft from "./select.js";
|
|
28
28
|
import Rt from "./space.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
2
2
|
import "../chunks/component.styles.CRO4Odto.js";
|
|
3
|
-
import { C } from "../chunks/option.
|
|
3
|
+
import { C } from "../chunks/option.CCJLbAuF.js";
|
|
4
4
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
5
5
|
import "../chunks/i18n.DbXTTLXx.js";
|
|
6
6
|
import "../chunks/watch.DJF5K-8U.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { C as a } from "../chunks/asset-link-format.
|
|
2
|
-
import { C as t } from "../chunks/color-swatch-group.
|
|
1
|
+
import { C as a } from "../chunks/asset-link-format.DrI99FKO.js";
|
|
2
|
+
import { C as t } from "../chunks/color-swatch-group.DBwOBmmi.js";
|
|
3
3
|
import { default as C } from "./file-on-demand.js";
|
|
4
4
|
export {
|
|
5
5
|
a as CxAssetLinkFormat,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./space.js";
|
|
2
2
|
import "../chunks/lib-cortex-element.CVMmyPMC.js";
|
|
3
3
|
import "../chunks/icon-button.CVrxJcZq.js";
|
|
4
|
-
import { C as k } from "../chunks/pagination.
|
|
4
|
+
import { C as k } from "../chunks/pagination.jGOZVKL5.js";
|
|
5
5
|
import "../chunks/custom-element.L4WJXn1j.js";
|
|
6
6
|
import "../chunks/i18n.DbXTTLXx.js";
|
|
7
7
|
import "../chunks/math.DuKzLacZ.js";
|
|
@@ -13,7 +13,7 @@ import "../chunks/repeat.CFjcER6_.js";
|
|
|
13
13
|
import "../chunks/when.Dr1es41R.js";
|
|
14
14
|
import "../chunks/button.BnkkUqiI.js";
|
|
15
15
|
import "../chunks/input.33UmFGqR.js";
|
|
16
|
-
import "../chunks/option.
|
|
16
|
+
import "../chunks/option.CCJLbAuF.js";
|
|
17
17
|
import "./select.js";
|
|
18
18
|
import "./tooltip.js";
|
|
19
19
|
import "../chunks/typography.IqHbnd3C.js";
|
|
@@ -21,7 +21,7 @@ import { o as P } from "../chunks/unsafe-html.Dff7-rCx.js";
|
|
|
21
21
|
import { n as f } from "../chunks/when.Dr1es41R.js";
|
|
22
22
|
import { s as O, g as _ } from "../chunks/animation-registry.HmpwNuGH.js";
|
|
23
23
|
import { C as U } from "../chunks/icon.CpHbi8tH.js";
|
|
24
|
-
import { C as d } from "../chunks/option.
|
|
24
|
+
import { C as d } from "../chunks/option.CCJLbAuF.js";
|
|
25
25
|
import M from "./popup.js";
|
|
26
26
|
import N from "./spinner.js";
|
|
27
27
|
import R from "./tag.js";
|
|
@@ -52,8 +52,8 @@ import hl from "./menu-item.js";
|
|
|
52
52
|
import r6 from "./menu-label.js";
|
|
53
53
|
import RF from "./menu-section.js";
|
|
54
54
|
import lee from "./mutation-observer.js";
|
|
55
|
-
import { C as ta, a as cee } from "../chunks/option.
|
|
56
|
-
import { C as dee } from "../chunks/pagination.
|
|
55
|
+
import { C as ta, a as cee } from "../chunks/option.CCJLbAuF.js";
|
|
56
|
+
import { C as dee } from "../chunks/pagination.jGOZVKL5.js";
|
|
57
57
|
import Qd from "./popup.js";
|
|
58
58
|
import uee from "./progress-bar.js";
|
|
59
59
|
import { default as ZJt } from "./progress-ring.js";
|
|
@@ -115,7 +115,7 @@ import { d as ec } from "../chunks/debounce.DaHuiSGU.js";
|
|
|
115
115
|
import { t as XS, c as $l, d as Dee, i as c2, G as Kg, j as hp, h as Iee, s as gM, T as d6, k as vn, l as ez, u as Mee, m as Pee, n as tz, o as mM } from "../chunks/string.CfI2ejyR.js";
|
|
116
116
|
import { b as lQt, e as cQt, f as dQt, y as uQt, g as pQt, p as hQt, z as gQt, x as mQt, a as fQt, w as vQt, r as yQt, q as bQt, v as wQt } from "../chunks/string.CfI2ejyR.js";
|
|
117
117
|
import { c as pn } from "../chunks/repeat.CFjcER6_.js";
|
|
118
|
-
import { a as Df, F as Rh, i as u6, M as p6, b as Tw, c as Ew, d as Nee, e as nz, f as iz, g as h6, h as g6, C as Lee, j as fM, k as Fy, l as vM, m as yM, n as bM, o as wM, p as Bee, q as xM, u as d2, r as h9, s as g9, t as m9 } from "../chunks/asset-link-format.
|
|
118
|
+
import { a as Df, F as Rh, i as u6, M as p6, b as Tw, c as Ew, d as Nee, e as nz, f as iz, g as h6, h as g6, C as Lee, j as fM, k as Fy, l as vM, m as yM, n as bM, o as wM, p as Bee, q as xM, u as d2, r as h9, s as g9, t as m9 } from "../chunks/asset-link-format.DrI99FKO.js";
|
|
119
119
|
import { H as c3 } from "../chunks/slot.j5oheLJC.js";
|
|
120
120
|
import { a as kQt, g as _Qt } from "../chunks/slot.j5oheLJC.js";
|
|
121
121
|
import { c as Or, d as Ree, H as An, e as Oa, f as ys, a as $ee, b as rr } from "../chunks/resizable-component.styles.CAfXABBc.js";
|
|
@@ -142,8 +142,8 @@ import { g as pz, F as Jee } from "../chunks/form.DSsy3Fcy.js";
|
|
|
142
142
|
import { c as QQt, f as een, v as ten, a as nen } from "../chunks/form.DSsy3Fcy.js";
|
|
143
143
|
import { d as eT, c as OM, e as Zee, i as DM, h as Qee, p as ete, t as tte } from "../chunks/date.iWq_pkIk.js";
|
|
144
144
|
import { b as ren, f as oen, g as aen, a as sen, n as len } from "../chunks/date.iWq_pkIk.js";
|
|
145
|
-
import { F as hz, a as nte, b as f6, H as ite, c as p0, d as rte, o as _u } from "../chunks/color-swatch-group.
|
|
146
|
-
import { C as den, e as uen, f as pen } from "../chunks/color-swatch-group.
|
|
145
|
+
import { F as hz, a as nte, b as f6, H as ite, c as p0, d as rte, o as _u } from "../chunks/color-swatch-group.DBwOBmmi.js";
|
|
146
|
+
import { C as den, e as uen, f as pen } from "../chunks/color-swatch-group.DBwOBmmi.js";
|
|
147
147
|
import { b as h3, a as Aw, c as ote, r as Ue, j as _e, w as ate, R as ste } from "../chunks/jsx-runtime.CTpPVMxj.js";
|
|
148
148
|
import { j as tT } from "../chunks/index.CrhRU5m8.js";
|
|
149
149
|
import { i as v6, T as nT, t as lte } from "../chunks/transform.BuqENXeT.js";
|
package/library/package.json
CHANGED
|
@@ -19,7 +19,7 @@ import { default as CxSpace } from '../space/space';
|
|
|
19
19
|
* @csspart suffix - The container that wraps the suffix.
|
|
20
20
|
*
|
|
21
21
|
* @cssproperty [--option-color=var(--cx-color-neutral-700)] - The option's color.
|
|
22
|
-
* @cssproperty [--option-current-background-color=
|
|
22
|
+
* @cssproperty [--option-current-background-color=var(--cx-menu-item-background-color-hover)] - The background color of the option under the keyboard cursor (`aria-activedescendant`). Only one option is current at a time, and it is not necessarily the selected one.
|
|
23
23
|
* @cssproperty [--option-font-weight=var(--cx-font-weight-regular)] - The option's font weight.
|
|
24
24
|
* @cssproperty [--option-help-text-color=var(--cx-color-neutral-600)] - The option's help text color.
|
|
25
25
|
* @cssproperty [--option-help-text-font-weight=var(--cx-font-weight-regular)] - The option's help text font weight.
|