@orangelogic/design-system 2.166.0 → 2.168.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 (37) 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.bm-tgOMN.js} +2 -2
  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/chunks/{tree.vn5sHbdt.js → tree.C3OC_XP7.js} +30 -30
  11. package/library/components/asset-link-format.js +2 -2
  12. package/library/components/atoms.js +5 -5
  13. package/library/components/button.js +2 -2
  14. package/library/components/color-picker.js +1 -1
  15. package/library/components/color-swatch-group.js +1 -1
  16. package/library/components/confirm-popover.js +2 -2
  17. package/library/components/document-viewer.js +1 -1
  18. package/library/components/dropdown.js +17 -8
  19. package/library/components/dynamic-select.js +1 -1
  20. package/library/components/element-clamp.js +1 -1
  21. package/library/components/file-on-demand.js +4 -4
  22. package/library/components/folder-select.js +2 -2
  23. package/library/components/line-clamp.js +1 -1
  24. package/library/components/molecules.js +2 -2
  25. package/library/components/organisms.js +2 -2
  26. package/library/components/pagination.js +2 -2
  27. package/library/components/radio-button.js +1 -1
  28. package/library/components/tab-group.js +2 -2
  29. package/library/components/tree-item.js +1 -1
  30. package/library/components/tree.js +1 -1
  31. package/library/components/types.js +11 -11
  32. package/library/package.json +1 -1
  33. package/library/packages/atoms/src/components/button/button.d.ts +3 -0
  34. package/library/packages/atoms/src/components/dropdown/dropdown.d.ts +7 -0
  35. package/library/packages/atoms/src/components/tab-group/tab-group.d.ts +8 -0
  36. package/package.json +1 -1
  37. package/library/chunks/button.styles.B81R4myI.js +0 -5
package/library/components/types.js CHANGED
@@ -9,7 +9,7 @@ import { default as YYt } from "./avatar.js";
9
9
  import dx from "./badge.js";
10
10
  import { default as JYt } from "./breadcrumb.js";
11
11
  import { default as QYt } from "./breadcrumb-item.js";
12
- import { C as $n, B as Dl, a as Cc } from "../chunks/button.U0OBAsln.js";
12
+ import { C as $n, B as Dl, a as Cc } from "../chunks/button.0_maNYUS.js";
13
13
  import $4 from "./button-group.js";
14
14
  import nm from "./card.js";
15
15
  import jh from "./checkbox.js";
@@ -20,8 +20,8 @@ import px from "./details.js";
20
20
  import { default as tXt } from "./diff.js";
21
21
  import { C as Ia, D as Sf, O as tF, a as OZ, H as DZ, z as IZ, o as MZ } from "../chunks/dialog.05FgdLBZ.js";
22
22
  import Hs from "./divider.js";
23
- import { r as PZ, a as iF, b as NZ, c as LZ } from "../chunks/document-viewer.DbxPRuLE.js";
24
- import { C as nXt } from "../chunks/document-viewer.DbxPRuLE.js";
23
+ import { r as PZ, a as iF, b as NZ, c as LZ } from "../chunks/document-viewer.CLgrca4F.js";
24
+ import { C as nXt } from "../chunks/document-viewer.CLgrca4F.js";
25
25
  import { d as RZ, C as BZ } from "../chunks/dot-pagination.Pg9O0nIh.js";
26
26
  import { default as oXt } from "./dot-status.js";
27
27
  import { default as sXt } from "./drawer.js";
@@ -53,7 +53,7 @@ import z4 from "./menu-label.js";
53
53
  import JZ from "./menu-section.js";
54
54
  import ZZ from "./mutation-observer.js";
55
55
  import { C as Zo, a as QZ } from "../chunks/option.DyNR1vzy.js";
56
- import { C as eQ } from "../chunks/pagination.qpK3q6zm.js";
56
+ import { C as eQ } from "../chunks/pagination.CuoIeOp9.js";
57
57
  import ud from "./popup.js";
58
58
  import tQ from "./progress-bar.js";
59
59
  import { default as xXt } from "./progress-ring.js";
@@ -75,13 +75,13 @@ import { default as PXt } from "./step.js";
75
75
  import { default as LXt } from "./stepper.js";
76
76
  import ab from "./switch.js";
77
77
  import UC from "./tab.js";
78
- import { C as qC, T as oF, a as aF, b as sF, g as DI } from "../chunks/tab-group.BUdxhjXK.js";
78
+ import { C as qC, T as oF, a as aF, b as sF, g as DI } from "../chunks/tab-group.f6LdzCbP.js";
79
79
  import H4 from "./tab-panel.js";
80
80
  import { default as BXt } from "./tag.js";
81
81
  import V4 from "./textarea.js";
82
82
  import nQ from "./timecode.js";
83
83
  import Zr from "./tooltip.js";
84
- import { C as rQ, a as oQ, d as aQ } from "../chunks/tree.vn5sHbdt.js";
84
+ import { C as rQ, a as oQ, d as aQ } from "../chunks/tree.C3OC_XP7.js";
85
85
  import { C as Dn, T as Th } from "../chunks/typography.IqHbnd3C.js";
86
86
  import { default as FXt } from "./video.js";
87
87
  import sQ from "./visually-hidden.js";
@@ -115,7 +115,7 @@ import { d as Zl } from "../chunks/debounce.DaHuiSGU.js";
115
115
  import { t as RS, c as FI, d as xQ, i as Wk, G as qg, j as hp, h as kQ, s as zI, T as q4, k as wi, l as gF, u as _Q, f as Gk, m as CQ, F as by, M as Wb, n as SQ, o as mF, q as jI } from "../chunks/string.BhJ0Zogu.js";
116
116
  import { b as PJt, e as NJt, g as LJt, p as RJt, z as BJt, y as $Jt, a as FJt, x as zJt, v as jJt, r as HJt, w as VJt } from "../chunks/string.BhJ0Zogu.js";
117
117
  import { c as pi } from "../chunks/repeat.CFjcER6_.js";
118
- import { a as Ny, F as Ly, i as W4, b as HI, c as VI, d as TQ, e as fF, f as vF, g as G4, h as Kk, C as EQ, j as UI, k as qI, l as WI, m as GI, n as KI, o as YI, O as XI, D as BS, p as AQ, q as JI, u as Yk } from "../chunks/asset-link-format.b3g80XdM.js";
118
+ import { a as Ny, F as Ly, i as W4, b as HI, c as VI, d as TQ, e as fF, f as vF, g as G4, h as Kk, C as EQ, j as UI, k as qI, l as WI, m as GI, n as KI, o as YI, O as XI, D as BS, p as AQ, q as JI, u as Yk } from "../chunks/asset-link-format.DZxMYHXr.js";
119
119
  import { H as WC } from "../chunks/slot.j5oheLJC.js";
120
120
  import { a as qJt, g as WJt } from "../chunks/slot.j5oheLJC.js";
121
121
  import { c as Pr, d as OQ, H as Ii, e as Ca, f as gs, a as DQ, b as er } from "../chunks/resizable-component.styles.CAfXABBc.js";
@@ -128,7 +128,7 @@ import { j as QJt, f as eZt, e as tZt, i as iZt, a as nZt, h as rZt, m as oZt, d
128
128
  import bF from "./bicolor-picker.js";
129
129
  import wF from "./border-input-group.js";
130
130
  import { C as cZt } from "../chunks/color-swatch.QsHoy_K1.js";
131
- import { C as KC, a as xF } from "../chunks/confirm-popover.Dpoah4lQ.js";
131
+ import { C as KC, a as xF } from "../chunks/confirm-popover.B0QtiuAB.js";
132
132
  import PQ from "./corner-position-input-group.js";
133
133
  import NQ from "./cropper.js";
134
134
  import { h as ai, D as kF, e as i8, C as Vs, M as sb, T as YC, f as _F } from "../chunks/endpoints.CwgTrs4A.js";
@@ -141,9 +141,9 @@ import { g as SF, F as jQ } from "../chunks/form.CP9KLGjF.js";
141
141
  import { c as fZt, f as vZt, v as yZt, a as bZt } from "../chunks/form.CP9KLGjF.js";
142
142
  import { d as zS, c as o8, e as HQ, i as a8, h as VQ, p as UQ, t as qQ } from "../chunks/date.iWq_pkIk.js";
143
143
  import { b as xZt, f as kZt, g as _Zt, a as CZt, n as SZt } from "../chunks/date.iWq_pkIk.js";
144
- import { F as TF, a as WQ, b as JC, H as GQ, c as l0, d as KQ, o as _u } from "../chunks/color-swatch-group.exfnb_Rr.js";
145
- import { C as EZt, e as AZt, f as OZt } from "../chunks/color-swatch-group.exfnb_Rr.js";
146
- import { F as Wd, C as K4, s as ZC, a as jS } from "../chunks/folder-select.Di32cpBd.js";
144
+ import { F as TF, a as WQ, b as JC, H as GQ, c as l0, d as KQ, o as _u } from "../chunks/color-swatch-group.Bf3Y6g59.js";
145
+ import { C as EZt, e as AZt, f as OZt } from "../chunks/color-swatch-group.Bf3Y6g59.js";
146
+ import { F as Wd, C as K4, s as ZC, a as jS } from "../chunks/folder-select.bm-tgOMN.js";
147
147
  import { b as QC, a as bw, c as YQ, r as Ue, j as _e, w as XQ, R as JQ } from "../chunks/jsx-runtime.CTpPVMxj.js";
148
148
  import { j as HS } from "../chunks/index.CrhRU5m8.js";
149
149
  import { i as Y4, T as VS, t as ZQ } from "../chunks/transform.BuqENXeT.js";
package/library/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@orangelogic/design-system",
3
3
  "type": "module",
4
- "version": "2.166.0",
4
+ "version": "2.168.0",
5
5
  "license": "UNLICENSED",
6
6
  "types": "library/types.d.ts",
7
7
  "scripts": {
package/library/packages/atoms/src/components/button/button.d.ts CHANGED
@@ -27,6 +27,9 @@ import { default as CxSpinner } from '../spinner/spinner';
27
27
  * @cssproperty [--justify-content] - Flex alignment along the main axis (defaults to `center`).
28
28
  * @cssproperty [--gap] - Gap between flex items in the button (defaults to `0`).
29
29
  * @cssproperty [--label-line-height] - Line-height of the label (defaults to `1.15`).
30
+ * @cssproperty [--caret-font-size] - Overrides the caret icon's font size (defaults to `--cx-font-size-large`, or
31
+ * `--cx-font-size-medium` when `size="small"`). Useful when embedding the button somewhere it must match a
32
+ * smaller surrounding line-height.
30
33
  */
31
34
  export default class CxButton extends CortexElement implements CortexFormControl {
32
35
  static readonly styles: CSSResultGroup;
package/library/packages/atoms/src/components/dropdown/dropdown.d.ts CHANGED
@@ -77,6 +77,13 @@ export default class CxDropdown extends CortexElement {
77
77
  * `overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.
78
78
  */
79
79
  hoist: boolean;
80
+ /**
81
+ * When hoisted, floating-ui still measures available space against the trigger's real overflow ancestors (e.g. a
82
+ * scrollable tab nav), even though the panel itself renders in the top layer. Anchoring the auto-size/flip/shift
83
+ * boundary to the document body instead keeps the available space calculation consistent with where the panel
84
+ * actually renders.
85
+ */
86
+ private get hoistBoundary();
80
87
  /**
81
88
  * Syncs the popup width or height to that of the trigger element.
82
89
  */
package/library/packages/atoms/src/components/tab-group/tab-group.d.ts CHANGED
@@ -52,6 +52,14 @@ export default class CxTabGroup extends CortexElement {
52
52
  private mutationObserver;
53
53
  private resizeObserver;
54
54
  private panelResizeObserver?;
55
+ /**
56
+ * The IntersectionObserver from the most recent syncTabsAndPanels() call. syncTabsAndPanels() can be triggered
57
+ * repeatedly in quick succession (resize, slotchange, alignment/label changes), and each call creates its own
58
+ * observer that only disconnects itself once its callback fires. Without tracking and disconnecting the previous
59
+ * instance up front, a stale observer can fire after a newer one already recomputed tab visibility, overwriting
60
+ * dropdownOffset/data-hidden with outdated results.
61
+ */
62
+ private overflowObserver?;
55
63
  private tabs;
56
64
  private focusableTabs;
57
65
  private panels;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@orangelogic/design-system",
3
3
  "type": "module",
4
- "version": "2.166.0",
4
+ "version": "2.168.0",
5
5
  "license": "UNLICENSED",
6
6
  "types": "library/types.d.ts",
7
7
  "scripts": {
package/library/chunks/button.styles.B81R4myI.js DELETED
@@ -1,5 +0,0 @@
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:inline-block;overflow:hidden}.button__label::slotted(cx-icon){vertical-align:-2px}.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(--cx-font-size-large);margin-block:auto}.button--caret.button--small .button__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
- };