@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.
Files changed (34) hide show
  1. package/library/chunks/{asset-link-format.b3g80XdM.js → asset-link-format.DZxMYHXr.js} +1 -1
  2. package/library/chunks/{button.U0OBAsln.js → button.0_maNYUS.js} +36 -33
  3. package/library/chunks/button.styles.BersilzZ.js +5 -0
  4. package/library/chunks/{color-swatch-group.exfnb_Rr.js → color-swatch-group.Bf3Y6g59.js} +2 -2
  5. package/library/chunks/{confirm-popover.Dpoah4lQ.js → confirm-popover.B0QtiuAB.js} +1 -1
  6. package/library/chunks/{document-viewer.DbxPRuLE.js → document-viewer.CLgrca4F.js} +1 -1
  7. package/library/chunks/{folder-select.Di32cpBd.js → folder-select.BSFjkzJr.js} +1 -1
  8. package/library/chunks/{pagination.qpK3q6zm.js → pagination.CuoIeOp9.js} +1 -1
  9. package/library/chunks/{tab-group.BUdxhjXK.js → tab-group.f6LdzCbP.js} +89 -80
  10. package/library/components/asset-link-format.js +2 -2
  11. package/library/components/atoms.js +4 -4
  12. package/library/components/button.js +2 -2
  13. package/library/components/color-picker.js +1 -1
  14. package/library/components/color-swatch-group.js +1 -1
  15. package/library/components/confirm-popover.js +2 -2
  16. package/library/components/document-viewer.js +1 -1
  17. package/library/components/dropdown.js +17 -8
  18. package/library/components/dynamic-select.js +1 -1
  19. package/library/components/element-clamp.js +1 -1
  20. package/library/components/file-on-demand.js +3 -3
  21. package/library/components/folder-select.js +1 -1
  22. package/library/components/line-clamp.js +1 -1
  23. package/library/components/molecules.js +2 -2
  24. package/library/components/organisms.js +2 -2
  25. package/library/components/pagination.js +2 -2
  26. package/library/components/radio-button.js +1 -1
  27. package/library/components/tab-group.js +2 -2
  28. package/library/components/types.js +10 -10
  29. package/library/package.json +1 -1
  30. package/library/packages/atoms/src/components/button/button.d.ts +3 -0
  31. package/library/packages/atoms/src/components/dropdown/dropdown.d.ts +7 -0
  32. package/library/packages/atoms/src/components/tab-group/tab-group.d.ts +8 -0
  33. package/package.json +1 -1
  34. 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.U0OBAsln.js";
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 v } from "./lib-cortex-element.CVMmyPMC.js";
2
- import { c as g } from "./component.styles.CRO4Odto.js";
3
- import { c as C } from "./custom-element.L4WJXn1j.js";
4
- import { F as x, v as w } from "./form.CP9KLGjF.js";
5
- import { L as $ } from "./i18n.Bchq8v1d.js";
6
- import { H as S, g as O } from "./slot.j5oheLJC.js";
7
- import { w as m } from "./watch.DJF5K-8U.js";
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 L } from "./query.BBf1UFkC.js";
10
- import { e as D } from "./class-map.BiVq-cVR.js";
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 f } from "./when.Dr1es41R.js";
13
- import { u as h, i as b } from "./static.UA3G1Deq.js";
14
- import { C as B } from "./icon.D5iM9wXS.js";
15
- import F from "../components/spinner.js";
16
- import { b as _ } from "./button.styles.B81R4myI.js";
17
- var y = /* @__PURE__ */ ((t) => (t.Adaptive = "adaptive", t.Fill = "fill", t.Hug = "hug", t))(y || {}), 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) => {
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 v {
22
+ let e = class extends g {
23
23
  constructor() {
24
- super(...arguments), this.formControlController = new x(this, {
24
+ super(...arguments), this.formControlController = new w(this, {
25
25
  assumeInteractionOn: ["click"]
26
- }), this.hasSlotController = new S(
26
+ }), this.hasSlotController = new L(
27
27
  this,
28
28
  "[default]",
29
29
  "prefix",
30
30
  "suffix"
31
- ), this.localize = new $(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 = y.Hug, this.label = "", this.mappedLabel = "", this.styleObserver = null, this.parentDropdownObserver = null;
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 : w;
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="button__label" @slotchange=${this.handleLabelSlotChange}></slot>`;
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 ? b`a` : b`button`;
133
- return h`<${s} part="base" class=${D({
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>${f(
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
- ${f(this.loading, () => h`<cx-spinner part="spinner"></cx-spinner>`)}</${s}>`;
167
+ ${b(this.loading, () => h`<cx-spinner part="spinner"></cx-spinner>`)}</${s}>`;
165
168
  }
166
169
  };
167
- e.styles = [g, _];
170
+ e.styles = [C, F];
168
171
  e.dependencies = {
169
- "cx-icon": B,
170
- "cx-spinner": F
172
+ "cx-icon": D,
173
+ "cx-spinner": B
171
174
  };
172
175
  r([
173
- L(".button")
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
- m("label")
269
+ y("label")
267
270
  ], e.prototype, "handleLabelSlotChange", 1);
268
271
  r([
269
- m("disabled", { waitUntilFirstUpdate: !0 })
272
+ y("disabled", { waitUntilFirstUpdate: !0 })
270
273
  ], e.prototype, "handleDisabledChange", 1);
271
274
  e = r([
272
- C("cx-button")
275
+ x("cx-button")
273
276
  ], e);
274
277
  export {
275
278
  l as B,
276
279
  e as C,
277
- y as a
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.U0OBAsln.js";
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.qpK3q6zm.js";
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,4 +1,4 @@
1
- import { C as _ } from "./button.U0OBAsln.js";
1
+ import { C as _ } from "./button.0_maNYUS.js";
2
2
  import { C as u, D as h } from "./dialog.05FgdLBZ.js";
3
3
  import g from "../components/dropdown.js";
4
4
  import { C as x } from "./typography.IqHbnd3C.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.U0OBAsln.js";
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.U0OBAsln.js";
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.U0OBAsln.js";
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";