@orangelogic/design-system 2.166.0 → 2.167.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.b3g80XdM.js → asset-link-format.DZxMYHXr.js} +1 -1
- package/library/chunks/{button.U0OBAsln.js → button.0_maNYUS.js} +36 -33
- package/library/chunks/button.styles.BersilzZ.js +5 -0
- package/library/chunks/{color-swatch-group.exfnb_Rr.js → color-swatch-group.Bf3Y6g59.js} +2 -2
- package/library/chunks/{confirm-popover.Dpoah4lQ.js → confirm-popover.B0QtiuAB.js} +1 -1
- package/library/chunks/{document-viewer.DbxPRuLE.js → document-viewer.CLgrca4F.js} +1 -1
- package/library/chunks/{folder-select.Di32cpBd.js → folder-select.BSFjkzJr.js} +1 -1
- package/library/chunks/{pagination.qpK3q6zm.js → pagination.CuoIeOp9.js} +1 -1
- package/library/chunks/{tab-group.BUdxhjXK.js → tab-group.f6LdzCbP.js} +89 -80
- package/library/components/asset-link-format.js +2 -2
- package/library/components/atoms.js +4 -4
- package/library/components/button.js +2 -2
- package/library/components/color-picker.js +1 -1
- package/library/components/color-swatch-group.js +1 -1
- package/library/components/confirm-popover.js +2 -2
- package/library/components/document-viewer.js +1 -1
- package/library/components/dropdown.js +17 -8
- package/library/components/dynamic-select.js +1 -1
- package/library/components/element-clamp.js +1 -1
- package/library/components/file-on-demand.js +3 -3
- package/library/components/folder-select.js +1 -1
- package/library/components/line-clamp.js +1 -1
- package/library/components/molecules.js +2 -2
- package/library/components/organisms.js +2 -2
- package/library/components/pagination.js +2 -2
- package/library/components/radio-button.js +1 -1
- package/library/components/tab-group.js +2 -2
- package/library/components/types.js +10 -10
- package/library/package.json +1 -1
- package/library/packages/atoms/src/components/button/button.d.ts +3 -0
- package/library/packages/atoms/src/components/dropdown/dropdown.d.ts +7 -0
- package/library/packages/atoms/src/components/tab-group/tab-group.d.ts +8 -0
- package/package.json +1 -1
- package/library/chunks/button.styles.B81R4myI.js +0 -5
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import "../components/cropper.js";
|
|
2
|
-
import { C as Z } from "./button.
|
|
2
|
+
import { C as Z } from "./button.0_maNYUS.js";
|
|
3
3
|
import L from "../components/space.js";
|
|
4
4
|
import { C as U } from "./typography.IqHbnd3C.js";
|
|
5
5
|
import { n as l, C as B } from "./lib-cortex-element.CVMmyPMC.js";
|
|
@@ -1,38 +1,38 @@
|
|
|
1
|
-
import { n as i, C as
|
|
2
|
-
import { c as
|
|
3
|
-
import { c as
|
|
4
|
-
import { F as
|
|
5
|
-
import { L as
|
|
6
|
-
import { H as
|
|
7
|
-
import { w as
|
|
1
|
+
import { n as i, C as g } from "./lib-cortex-element.CVMmyPMC.js";
|
|
2
|
+
import { c as C } from "./component.styles.CRO4Odto.js";
|
|
3
|
+
import { c as x } from "./custom-element.L4WJXn1j.js";
|
|
4
|
+
import { F as w, v as $ } from "./form.CP9KLGjF.js";
|
|
5
|
+
import { L as S } from "./i18n.Bchq8v1d.js";
|
|
6
|
+
import { H as L, g as O } from "./slot.j5oheLJC.js";
|
|
7
|
+
import { w as y } from "./watch.DJF5K-8U.js";
|
|
8
8
|
import { r as u } from "./state.CSDxrqLd.js";
|
|
9
|
-
import { e as
|
|
10
|
-
import { e as
|
|
9
|
+
import { e as _ } from "./query.BBf1UFkC.js";
|
|
10
|
+
import { e as f } from "./class-map.BiVq-cVR.js";
|
|
11
11
|
import { o } from "./if-defined.BRoBj_Rp.js";
|
|
12
|
-
import { n as
|
|
13
|
-
import { u as h, i as
|
|
14
|
-
import { C as
|
|
15
|
-
import
|
|
16
|
-
import { b as
|
|
17
|
-
var
|
|
12
|
+
import { n as b } from "./when.Dr1es41R.js";
|
|
13
|
+
import { u as h, i as m } from "./static.UA3G1Deq.js";
|
|
14
|
+
import { C as D } from "./icon.D5iM9wXS.js";
|
|
15
|
+
import B from "../components/spinner.js";
|
|
16
|
+
import { b as F } from "./button.styles.BersilzZ.js";
|
|
17
|
+
var v = /* @__PURE__ */ ((t) => (t.Adaptive = "adaptive", t.Fill = "fill", t.Hug = "hug", t))(v || {}), l = /* @__PURE__ */ ((t) => (t.Custom = "custom", t.Large = "large", t.Medium = "medium", t.Small = "small", t.XLarge = "x-large", t))(l || {}), k = Object.defineProperty, V = Object.getOwnPropertyDescriptor, r = (t, s, p, n) => {
|
|
18
18
|
for (var a = n > 1 ? void 0 : n ? V(s, p) : s, d = t.length - 1, c; d >= 0; d--)
|
|
19
19
|
(c = t[d]) && (a = (n ? c(s, p, a) : c(a)) || a);
|
|
20
20
|
return n && a && k(s, p, a), a;
|
|
21
21
|
};
|
|
22
|
-
let e = class extends
|
|
22
|
+
let e = class extends g {
|
|
23
23
|
constructor() {
|
|
24
|
-
super(...arguments), this.formControlController = new
|
|
24
|
+
super(...arguments), this.formControlController = new w(this, {
|
|
25
25
|
assumeInteractionOn: ["click"]
|
|
26
|
-
}), this.hasSlotController = new
|
|
26
|
+
}), this.hasSlotController = new L(
|
|
27
27
|
this,
|
|
28
28
|
"[default]",
|
|
29
29
|
"prefix",
|
|
30
30
|
"suffix"
|
|
31
|
-
), this.localize = new
|
|
31
|
+
), this.localize = new S(this), this.forceButtonNavigation = !1, this.hasFocus = !1, this.invalid = !1, this.isParentDropdownOpened = !1, this.title = "", this.variant = "default", this.size = l.Medium, this.caret = !1, this.caretDirection = "down", this.disabled = !1, this.loading = !1, this.outline = !1, this.pill = !1, this.circle = !1, this.type = "button", this.name = "", this.value = "", this.href = "", this.link = "", this.rel = "noreferrer noopener", this.form = void 0, this.widthType = v.Hug, this.label = "", this.mappedLabel = "", this.styleObserver = null, this.parentDropdownObserver = null;
|
|
32
32
|
}
|
|
33
33
|
/** Gets the validity state object */
|
|
34
34
|
get validity() {
|
|
35
|
-
return this.isButton() ? this.button.validity :
|
|
35
|
+
return this.isButton() ? this.button.validity : $;
|
|
36
36
|
}
|
|
37
37
|
/** Gets the validation message */
|
|
38
38
|
get validationMessage() {
|
|
@@ -126,11 +126,14 @@ let e = class extends v {
|
|
|
126
126
|
this.isButton() && (this.button.setCustomValidity(t), this.formControlController.updateValidity());
|
|
127
127
|
}
|
|
128
128
|
renderLabel() {
|
|
129
|
-
return h`<slot part="label" class
|
|
129
|
+
return h`<slot part="label" class=${f({
|
|
130
|
+
button__label: !0,
|
|
131
|
+
"button__label--has-label": this.hasLabel
|
|
132
|
+
})} @slotchange=${this.handleLabelSlotChange}></slot>`;
|
|
130
133
|
}
|
|
131
134
|
render() {
|
|
132
|
-
const t = this.isLink() && !this.forceButtonNavigation, s = t ?
|
|
133
|
-
return h`<${s} part="base" class=${
|
|
135
|
+
const t = this.isLink() && !this.forceButtonNavigation, s = t ? m`a` : m`button`;
|
|
136
|
+
return h`<${s} part="base" class=${f({
|
|
134
137
|
button: !0,
|
|
135
138
|
"button--caret": this.caret,
|
|
136
139
|
"button--circle": this.circle,
|
|
@@ -157,20 +160,20 @@ let e = class extends v {
|
|
|
157
160
|
"button--text": this.variant === "text",
|
|
158
161
|
"button--warning": this.variant === "warning",
|
|
159
162
|
"button--x-large": this.size === l.XLarge
|
|
160
|
-
})} ?disabled=${o(t ? void 0 : this.disabled)} type=${o(t ? void 0 : this.type)} title=${o(this.title || void 0)} name=${o(t ? void 0 : this.name)} value=${o(t ? void 0 : this.value)} href=${o(t ? this.link || this.href : void 0)} target=${o(t ? this.target : void 0)} download=${o(t ? this.download : void 0)} rel=${o(t ? this.rel : void 0)} role=${o(t ? void 0 : "button")} aria-disabled=${this.disabled ? "true" : "false"} aria-label=${o(this.mappedLabel || void 0)} tabindex=${this.disabled ? "-1" : "0"} @blur=${this.handleBlur} @focus=${this.handleFocus} @invalid=${this.isButton() ? this.handleInvalid : null} @click=${this.handleClick}><slot name="prefix" part="prefix" class="button__prefix"></slot>${this.renderLabel()}<slot name="suffix" part="suffix" class="button__suffix"></slot>${
|
|
163
|
+
})} ?disabled=${o(t ? void 0 : this.disabled)} type=${o(t ? void 0 : this.type)} title=${o(this.title || void 0)} name=${o(t ? void 0 : this.name)} value=${o(t ? void 0 : this.value)} href=${o(t ? this.link || this.href : void 0)} target=${o(t ? this.target : void 0)} download=${o(t ? this.download : void 0)} rel=${o(t ? this.rel : void 0)} role=${o(t ? void 0 : "button")} aria-disabled=${this.disabled ? "true" : "false"} aria-label=${o(this.mappedLabel || void 0)} tabindex=${this.disabled ? "-1" : "0"} @blur=${this.handleBlur} @focus=${this.handleFocus} @invalid=${this.isButton() ? this.handleInvalid : null} @click=${this.handleClick}><slot name="prefix" part="prefix" class="button__prefix"></slot>${this.renderLabel()}<slot name="suffix" part="suffix" class="button__suffix"></slot>${b(
|
|
161
164
|
this.caret,
|
|
162
165
|
() => h`<cx-icon part="caret" class="button__caret" name=${`keyboard_arrow_${this.caretDirection}`}></cx-icon>`
|
|
163
166
|
)}
|
|
164
|
-
${
|
|
167
|
+
${b(this.loading, () => h`<cx-spinner part="spinner"></cx-spinner>`)}</${s}>`;
|
|
165
168
|
}
|
|
166
169
|
};
|
|
167
|
-
e.styles = [
|
|
170
|
+
e.styles = [C, F];
|
|
168
171
|
e.dependencies = {
|
|
169
|
-
"cx-icon":
|
|
170
|
-
"cx-spinner":
|
|
172
|
+
"cx-icon": D,
|
|
173
|
+
"cx-spinner": B
|
|
171
174
|
};
|
|
172
175
|
r([
|
|
173
|
-
|
|
176
|
+
_(".button")
|
|
174
177
|
], e.prototype, "button", 2);
|
|
175
178
|
r([
|
|
176
179
|
u()
|
|
@@ -263,16 +266,16 @@ r([
|
|
|
263
266
|
u()
|
|
264
267
|
], e.prototype, "mappedLabel", 2);
|
|
265
268
|
r([
|
|
266
|
-
|
|
269
|
+
y("label")
|
|
267
270
|
], e.prototype, "handleLabelSlotChange", 1);
|
|
268
271
|
r([
|
|
269
|
-
|
|
272
|
+
y("disabled", { waitUntilFirstUpdate: !0 })
|
|
270
273
|
], e.prototype, "handleDisabledChange", 1);
|
|
271
274
|
e = r([
|
|
272
|
-
|
|
275
|
+
x("cx-button")
|
|
273
276
|
], e);
|
|
274
277
|
export {
|
|
275
278
|
l as B,
|
|
276
279
|
e as C,
|
|
277
|
-
|
|
280
|
+
v as a
|
|
278
281
|
};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { i as t } from "./lit-element.jLBm65_O.js";
|
|
2
|
+
const r = t`:host{--background-color:var(--cx-color-primary);--color:light-dark(var(--cx-color-neutral-0),var(--cx-color-neutral-1000));--font-size:var(--cx-font-size-medium);--font-weight:var(--cx-font-weight-medium);--height:var(--cx-input-height-medium);--justify-content:center;--gap:0;--min-height:auto;--padding:0;--label-line-height:1.15;--button-custom-height:32px;--button-custom-padding:4px 8px 4px 8px;--button-custom-font-size:var(--cx-font-size-medium);cursor:pointer;width:auto;max-width:100%;line-height:normal;display:inline-block;position:relative}:host([width-type=fill]),:host([width-type=adaptive][device-type=tablet]),:host([width-type=adaptive][device-type=mobile]){width:100%}.button{align-items:center;justify-content:var(--justify-content,center);gap:var(--gap,0);border-style:solid;border-width:var(--cx-input-border-width);width:100%;font-family:var(--font-family,var(--cx-input-font-family)), var(--cx-font-sans);font-style:var(--font-style,normal);font-weight:var(--font-weight,var(--cx-font-weight-regular));font-size:var(--font-size,var(--cx-font-size-medium));height:var(--height,var(--cx-input-height-medium));min-height:var(--min-height,auto);padding:var(--padding,0);text-transform:var(--cx-button-text-transform,none);-webkit-user-select:none;user-select:none;white-space:nowrap;vertical-align:middle;transition:var(--cx-transition-x-fast) background-color, var(--cx-transition-x-fast) color, var(--cx-transition-x-fast) border, var(--cx-transition-x-fast) box-shadow;cursor:inherit;text-decoration:none;display:inline-flex}.button::-moz-focus-inner{border:0}.button:focus{outline:none}.button:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.button--disabled{opacity:.5;cursor:default}.button--disabled *{pointer-events:none}.button__prefix,.button__suffix{pointer-events:none;flex:none;align-items:center;display:flex}.button__label{line-height:var(--label-line-height);white-space:nowrap;text-overflow:ellipsis;display:none;overflow:hidden}.button__label::slotted(cx-icon){vertical-align:-2px}.button__label--has-label{display:inline-block}.button--standard.button--default{background-color:var(--cx-color-neutral-100);border-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral-700)}.button--standard.button--default:hover:not(.button--disabled),.button--standard.button--default.button--focused:not(.button--disabled){background-color:var(--cx-color-neutral-200);border-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral-700)}.button--standard.button--default:active:not(.button--disabled){background-color:var(--cx-color-neutral-300);border-color:var(--cx-color-neutral-300);color:var(--cx-color-neutral-700)}.button--standard.button--primary{background-color:var(--cx-color-primary);border-color:var(--cx-color-primary);color:var(--cx-color-neutral-0)}.button--standard.button--primary:hover:not(.button--disabled),.button--standard.button--primary.button--focused:not(.button--disabled){background-color:var(--cx-color-primary-500);border-color:var(--cx-color-primary-500);color:var(--cx-color-neutral-0)}.button--standard.button--primary:active:not(.button--disabled){background-color:var(--cx-color-primary-700);border-color:var(--cx-color-primary-700);color:var(--cx-color-neutral-0)}.button--standard.button--success{background-color:var(--cx-color-success);border-color:var(--cx-color-success);color:var(--cx-color-neutral-0)}.button--standard.button--success:hover:not(.button--disabled),.button--standard.button--success.button--focused:not(.button--disabled){background-color:var(--cx-color-success-500);border-color:var(--cx-color-success-500);color:var(--cx-color-neutral-0)}.button--standard.button--success:active:not(.button--disabled){background-color:var(--cx-color-success-700);border-color:var(--cx-color-success-700);color:var(--cx-color-neutral-0)}.button--standard.button--warning{background-color:var(--cx-color-warning);border-color:var(--cx-color-warning);color:var(--cx-color-neutral-0)}.button--standard.button--warning:hover:not(.button--disabled),.button--standard.button--warning.button--focused:not(.button--disabled){background-color:var(--cx-color-warning-500);border-color:var(--cx-color-warning-500);color:var(--cx-color-neutral-0)}.button--standard.button--warning:active:not(.button--disabled){background-color:var(--cx-color-warning-700);border-color:var(--cx-color-warning-700);color:var(--cx-color-neutral-0)}.button--standard.button--danger{background-color:var(--cx-color-danger);border-color:var(--cx-color-danger);color:var(--cx-color-neutral-0)}.button--standard.button--danger:hover:not(.button--disabled),.button--standard.button--danger.button--focused:not(.button--disabled){background-color:var(--cx-color-danger-500);border-color:var(--cx-color-danger-500);color:var(--cx-color-neutral-0)}.button--standard.button--danger:active:not(.button--disabled){background-color:var(--cx-color-danger-700);border-color:var(--cx-color-danger-700);color:var(--cx-color-neutral-0)}.button--standard.button--custom{background-color:var(--background-color);border-color:var(--background-color);color:var(--color)}.button--standard.button--custom:hover:not(.button--disabled),.button--standard.button--custom.button--focused:not(.button--disabled){background-color:var(--background-color-focus,var(--background-color));border-color:var(--background-color-focus,var(--background-color));color:var(--color-focus,var(--color))}.button--standard.button--custom:active:not(.button--disabled){background-color:var(--background-color-active,var(--background-color));border-color:var(--background-color-active,var(--background-color));color:var(--color-active,var(--color))}.button--outline{border:solid var(--cx-input-border-width);background:0 0}.button--outline.button--default{border-color:var(--cx-input-border-color);color:var(--cx-color-neutral)}.button--outline.button--default:hover:not(.button--disabled),.button--outline.button--default.button--focused:not(.button--disabled),.button--outline.button--default.button--checked:not(.button--disabled){border-color:var(--cx-color-neutral-300);background-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral)}.button--outline.button--default:active:not(.button--disabled){border-color:var(--cx-color-neutral-300);background-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral)}.button--outline.button--primary{border-color:var(--cx-color-primary);color:var(--cx-color-primary)}.button--outline.button--primary:hover:not(.button--disabled),.button--outline.button--primary.button--focused:not(.button--disabled),.button--outline.button--primary.button--checked:not(.button--disabled){background-color:var(--cx-color-primary-500);color:var(--cx-color-neutral-0)}.button--outline.button--primary:active:not(.button--disabled){border-color:var(--cx-color-primary-700);background-color:var(--cx-color-primary-700);color:var(--cx-color-neutral-0)}.button--outline.button--success{border-color:var(--cx-color-success);color:var(--cx-color-success)}.button--outline.button--success:hover:not(.button--disabled),.button--outline.button--success.button--focused:not(.button--disabled),.button--outline.button--success.button--checked:not(.button--disabled){background-color:var(--cx-color-success-500);color:var(--cx-color-neutral-0)}.button--outline.button--success:active:not(.button--disabled){border-color:var(--cx-color-success);background-color:var(--cx-color-success);color:var(--cx-color-neutral-0)}.button--outline.button--warning{border-color:var(--cx-color-warning);color:var(--cx-color-warning)}.button--outline.button--warning:hover:not(.button--disabled),.button--outline.button--warning.button--focused:not(.button--disabled),.button--outline.button--warning.button--checked:not(.button--disabled){background-color:var(--cx-color-warning-500);color:var(--cx-color-neutral-0)}.button--outline.button--warning:active:not(.button--disabled){border-color:var(--cx-color-warning-700);background-color:var(--cx-color-warning-700);color:var(--cx-color-neutral-0)}.button--outline.button--danger{border-color:var(--cx-color-danger);color:var(--cx-color-danger)}.button--outline.button--danger:hover:not(.button--disabled),.button--outline.button--danger.button--focused:not(.button--disabled),.button--outline.button--danger.button--checked:not(.button--disabled){background-color:var(--cx-color-danger-500);color:var(--cx-color-neutral-0)}.button--outline.button--danger:active:not(.button--disabled){border-color:var(--cx-color-danger-700);background-color:var(--cx-color-danger-700);color:var(--cx-color-neutral-0)}@media (forced-colors:active){.button.button--outline.button--checked:not(.button--disabled){outline:2px solid #0000}}.button--text{color:var(--cx-color-neutral);background-color:#0000;border-color:#0000}.button--text:hover:not(.button--disabled),.button--text.button--focused:not(.button--disabled){background-color:var(--cx-color-neutral-100);border-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral)}.button--text:focus-visible:not(.button--disabled){color:var(--cx-color-neutral-800);background-color:#0000;border-color:#0000}.button--text:active:not(.button--disabled){background-color:var(--cx-color-neutral-200);border-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral)}.button--tertiary{color:var(--cx-color-neutral);background-color:#0000;border-color:#0000}.button--tertiary:hover:not(.button--disabled),.button--tertiary.button--focused:not(.button--disabled){background-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral);border-color:#0000}.button--tertiary:focus-visible:not(.button--disabled){background-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral);border-color:#0000}.button--tertiary:active:not(.button--disabled){background-color:var(--cx-color-neutral-300);color:var(--cx-color-neutral);border-color:#0000}.button--small{height:auto;min-height:var(--cx-input-height-small);font-size:var(--cx-button-font-size-medium);border-radius:var(--cx-button-border-radius-small)}.button--small ::slotted(cx-icon){--font-size:var(--cx-font-size-medium)}.button--medium{height:auto;min-height:var(--cx-input-height-medium);font-size:var(--cx-button-font-size-medium);border-radius:var(--cx-button-border-radius-medium)}.button--large{height:auto;min-height:var(--cx-input-height-large);font-size:var(--cx-button-font-size-medium);border-radius:var(--cx-button-border-radius-large)}.button--x-large{height:auto;min-height:var(--cx-input-height-x-large);font-size:var(--cx-button-font-size-medium);border-radius:var(--cx-button-border-radius-large)}.button--custom-size{--height:var(--button-custom-height);--padding:var(--button-custom-padding);--font-size:var(--button-custom-font-size);--font-family:var(--button-custom-font-family), var(--cx-font-sans);--font-style:var(--button-custom-font-style);--font-weight:var(--button-custom-font-weight);border-radius:var(--cx-button-border-radius-medium)}.button--pill.button--small{border-radius:var(--cx-input-height-small)}.button--pill.button--medium{border-radius:var(--cx-input-height-medium)}.button--pill.button--large{border-radius:var(--cx-input-height-large)}.button--pill.button--x-large{border-radius:var(--cx-input-height-x-large)}.button--circle{padding-left:0;padding-right:0}.button--circle.button--small{width:var(--cx-input-height-small);border-radius:50%}.button--circle.button--medium{width:var(--cx-input-height-medium);border-radius:50%}.button--circle.button--large{width:var(--cx-input-height-large);border-radius:50%}.button--circle.button--x-large{width:var(--cx-input-height-x-large);border-radius:50%}.button--circle .button__prefix,.button--circle .button__suffix,.button--circle .button__caret{display:none}.button--circle .button__label{justify-content:center;align-items:center;line-height:1;display:inline-flex}.button--caret .button__caret{--font-size:var(--caret-font-size,var(--cx-font-size-large));margin-block:auto}.button--caret.button--small .button__caret{--font-size:var(--caret-font-size,var(--cx-font-size-medium))}.button--caret .button__suffix{display:none}.button--loading{cursor:wait;position:relative}.button--loading .button__prefix,.button--loading .button__label,.button--loading .button__suffix,.button--loading .button__caret{visibility:hidden}.button--loading cx-spinner{--indicator-color:currentColor;width:1em;height:1em;font-size:1em;position:absolute;top:calc(50% - .5em);left:calc(50% - .5em)}.button ::slotted(cx-badge){pointer-events:none;position:absolute;top:0;right:0;translate:50% -50%}.button--rtl ::slotted(cx-badge){left:0;right:auto;translate:-50% -50%}.button--has-label.button--small .button__label{padding:0 var(--cx-spacing-x-small)}.button--has-label.button--medium .button__label{padding:0 var(--cx-spacing-small)}.button--has-label.button--large .button__label{padding:0 var(--cx-spacing-medium)}.button--has-label.button--x-large .button__label{padding:0 var(--cx-spacing-large)}.button--has-prefix.button--small,.button--has-prefix.button--small .button__label,.button--has-prefix.button--medium,.button--has-prefix.button--medium .button__label{padding-inline-start:var(--cx-spacing-x-small)}.button--has-prefix.button--large{padding-inline-start:var(--cx-spacing-small)}.button--has-prefix.button--large .button__label{padding-inline-start:var(--cx-spacing-x-small)}.button--has-prefix.button--x-large,.button--has-prefix.button--x-large .button__label{padding-inline-start:var(--cx-spacing-medium)}.button--has-suffix.button--small,.button--caret.button--small,.button--has-suffix.button--small .button__label,.button--caret.button--small .button__label,.button--has-suffix.button--medium,.button--caret.button--medium,.button--has-suffix.button--medium .button__label,.button--caret.button--medium .button__label{padding-inline-end:var(--cx-spacing-x-small)}.button--has-suffix.button--large,.button--caret.button--large{padding-inline-end:var(--cx-spacing-small)}.button--has-suffix.button--large .button__label,.button--caret.button--large .button__label{padding-inline-end:var(--cx-spacing-x-small)}.button--has-suffix.button--x-large,.button--caret.button--x-large,.button--has-suffix.button--x-large .button__label,.button--caret.button--x-large .button__label{padding-inline-end:var(--cx-spacing-medium)}.button--caret cx-icon::part(span){height:auto}:host([data-cx-button-group__button--first]:not([data-cx-button-group__button--last])) .button{border-start-end-radius:0;border-end-end-radius:0}:host([data-cx-button-group__button--inner]) .button{border-radius:0}:host([data-cx-button-group__button--last]:not([data-cx-button-group__button--first])) .button{border-start-start-radius:0;border-end-start-radius:0}:host([data-cx-button-group__button]:not([data-cx-button-group__button--first])){margin-inline-start:calc(-1 * var(--cx-input-border-width))}:host([data-cx-button-group__button]:not([data-cx-button-group__button--first],[data-cx-button-group__button--radio],[variant=default]):not(:hover)) .button:after{content:"";top:0;inset-inline-start:0;mix-blend-mode:multiply;border-left:1px solid #80808054;position:absolute;bottom:0}:host([data-cx-button-group__button--hover]){z-index:1}:host([data-cx-button-group__button--focus]),:host([data-cx-button-group__button][checked]){z-index:2}`;
|
|
3
|
+
export {
|
|
4
|
+
r as b
|
|
5
|
+
};
|
|
@@ -3,7 +3,7 @@ import { C as Ir, T as Rn } from "./typography.IqHbnd3C.js";
|
|
|
3
3
|
import { n as m, C as Pe } from "./lib-cortex-element.CVMmyPMC.js";
|
|
4
4
|
import { C as Hr, a as es } from "./color-swatch.QsHoy_K1.js";
|
|
5
5
|
import { c as $e } from "./component.styles.CRO4Odto.js";
|
|
6
|
-
import { C as Ct } from "./button.
|
|
6
|
+
import { C as Ct } from "./button.0_maNYUS.js";
|
|
7
7
|
import { C as Sn, o as kn, O as No } from "./dialog.05FgdLBZ.js";
|
|
8
8
|
import { C as oi } from "./icon-button.BwmMJ0bI.js";
|
|
9
9
|
import Pt from "../components/tooltip.js";
|
|
@@ -40,7 +40,7 @@ import { o as pt } from "./style-map.llVFPd__.js";
|
|
|
40
40
|
import ai from "../components/dropdown.js";
|
|
41
41
|
import ta from "../components/menu-section.js";
|
|
42
42
|
import Gr from "../components/checkbox.js";
|
|
43
|
-
import { C as ia, P as sa } from "./pagination.
|
|
43
|
+
import { C as ia, P as sa } from "./pagination.CuoIeOp9.js";
|
|
44
44
|
import { H as Ur } from "./slot.j5oheLJC.js";
|
|
45
45
|
import { g as B, a as Bo } from "./dom.C5aVLhKS.js";
|
|
46
46
|
import "./browser.BHOCIF_A.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as resizableComponentStyles, R as ResizableElement, a as ResizeDirection, b as HeightMode } from "./resizable-component.styles.CAfXABBc.js";
|
|
2
|
-
import { C as CxButton } from "./button.
|
|
2
|
+
import { C as CxButton } from "./button.0_maNYUS.js";
|
|
3
3
|
import CxDrawer from "../components/drawer.js";
|
|
4
4
|
import CxDropdown from "../components/dropdown.js";
|
|
5
5
|
import { C as CxIcon } from "./icon.D5iM9wXS.js";
|
|
@@ -15,7 +15,7 @@ import { x as y, i as $e } from "./lit-element.jLBm65_O.js";
|
|
|
15
15
|
import { r as g } from "./state.CSDxrqLd.js";
|
|
16
16
|
import { e as se } from "./query.BBf1UFkC.js";
|
|
17
17
|
import { r as ve } from "./choose.BTbF6BAn.js";
|
|
18
|
-
import { C as ie } from "./button.
|
|
18
|
+
import { C as ie } from "./button.0_maNYUS.js";
|
|
19
19
|
import { d as Se } from "./debounce.DaHuiSGU.js";
|
|
20
20
|
import { g as A, p as J, e as Fe } from "./string.BhJ0Zogu.js";
|
|
21
21
|
import { o as p } from "./if-defined.BRoBj_Rp.js";
|
|
@@ -10,7 +10,7 @@ import { r as S } from "./state.CSDxrqLd.js";
|
|
|
10
10
|
import { e as $ } from "./class-map.BiVq-cVR.js";
|
|
11
11
|
import { c as x } from "./repeat.CFjcER6_.js";
|
|
12
12
|
import { n as g } from "./when.Dr1es41R.js";
|
|
13
|
-
import { C as w } from "./button.
|
|
13
|
+
import { C as w } from "./button.0_maNYUS.js";
|
|
14
14
|
import { C as v } from "./input.DOorVTYZ.js";
|
|
15
15
|
import { C as I } from "./option.DyNR1vzy.js";
|
|
16
16
|
import B from "../components/select.js";
|