@cfx-dev/ui-components 3.0.2 → 3.0.3
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/dist/Rail-DcVowhML.js +81 -0
- package/dist/assets/css/Accordion.css +1 -1
- package/dist/assets/css/Avatar.css +1 -1
- package/dist/assets/css/Badge.css +1 -1
- package/dist/assets/css/Box.css +1 -1
- package/dist/assets/css/Button.css +1 -1
- package/dist/assets/css/ButtonBar.css +1 -1
- package/dist/assets/css/Center.css +1 -1
- package/dist/assets/css/Checkbox.css +1 -1
- package/dist/assets/css/ClipboardButton.css +1 -1
- package/dist/assets/css/ControlBox.css +1 -1
- package/dist/assets/css/CountryFlag.css +1 -1
- package/dist/assets/css/Decorate.css +1 -1
- package/dist/assets/css/Dot.css +1 -1
- package/dist/assets/css/Flex.css +1 -1
- package/dist/assets/css/FlexRestricter.css +1 -1
- package/dist/assets/css/FlexShowcase.css +1 -1
- package/dist/assets/css/Flyout.css +1 -1
- package/dist/assets/css/Icon.css +1 -1
- package/dist/assets/css/IconBig.css +1 -1
- package/dist/assets/css/IconButton.css +1 -1
- package/dist/assets/css/Indicator.css +1 -1
- package/dist/assets/css/InfoPanel.css +1 -1
- package/dist/assets/css/Input.css +1 -1
- package/dist/assets/css/InputDropzone.css +1 -1
- package/dist/assets/css/Interactive.css +1 -1
- package/dist/assets/css/Island.css +1 -1
- package/dist/assets/css/ItemPreview.css +1 -1
- package/dist/assets/css/Link.css +1 -1
- package/dist/assets/css/Loaf.css +1 -1
- package/dist/assets/css/Modal.css +1 -1
- package/dist/assets/css/NavList.css +1 -1
- package/dist/assets/css/Overlay.css +1 -1
- package/dist/assets/css/Pad.css +1 -1
- package/dist/assets/css/Page.css +1 -1
- package/dist/assets/css/Popover.css +1 -1
- package/dist/assets/css/PopoverShowcase.css +1 -1
- package/dist/assets/css/PremiumBadge.css +1 -1
- package/dist/assets/css/Prose.css +1 -1
- package/dist/assets/css/Radio.css +1 -1
- package/dist/assets/css/Rail.css +1 -1
- package/dist/assets/css/RichInput.css +1 -1
- package/dist/assets/css/Select.css +1 -1
- package/dist/assets/css/Separator.css +1 -1
- package/dist/assets/css/Shroud.css +1 -1
- package/dist/assets/css/Skeleton.css +1 -1
- package/dist/assets/css/Spacer.css +1 -1
- package/dist/assets/css/Switch.css +1 -1
- package/dist/assets/css/Table.css +1 -1
- package/dist/assets/css/Tabular.css +1 -1
- package/dist/assets/css/Text.css +1 -1
- package/dist/assets/css/TextShowcase.css +1 -1
- package/dist/assets/css/Textarea.css +1 -1
- package/dist/assets/css/Title.css +1 -1
- package/dist/assets/css/ToggleGroup.css +1 -1
- package/dist/assets/general/global.css +1 -1
- package/dist/cfxIcons-BNd1WgpX.js +96 -0
- package/dist/components/Accordion/Accordion.js +69 -69
- package/dist/components/Avatar/Avatar.js +18 -18
- package/dist/components/Badge/Badge.js +23 -23
- package/dist/components/Button/Button.js +76 -76
- package/dist/components/Button/ButtonBar.js +6 -6
- package/dist/components/Checkbox/Checkbox.js +90 -85
- package/dist/components/ClipboardButton/ClipboardButton.js +17 -17
- package/dist/components/ControlBox/ControlBox.js +11 -11
- package/dist/components/CountryFlag/CountryFlag.js +9 -9
- package/dist/components/Decorate/Decorate.js +12 -12
- package/dist/components/Dot/Dot.js +17 -17
- package/dist/components/Flyout/Flyout.js +44 -44
- package/dist/components/Icon/Icon.js +14 -14
- package/dist/components/IconBig/IconBig.js +23 -18
- package/dist/components/IconButton/IconButton.js +25 -25
- package/dist/components/Icons/IconsShowcase.js +1 -1
- package/dist/components/Icons/cfx-icons/Cart.d.ts +5 -0
- package/dist/components/Icons/cfx-icons/Cart.js +42 -0
- package/dist/components/Icons/cfx-icons/UpvotesBurst.d.ts +5 -0
- package/dist/components/Icons/cfx-icons/UpvotesBurst.js +26 -0
- package/dist/components/Icons/cfx-icons/UpvotesRecurring.d.ts +5 -0
- package/dist/components/Icons/cfx-icons/UpvotesRecurring.js +26 -0
- package/dist/components/Icons/cfx-icons/User.d.ts +5 -0
- package/dist/components/Icons/cfx-icons/User.js +31 -0
- package/dist/components/Icons/cfx-icons/Verified.d.ts +5 -0
- package/dist/components/Icons/cfx-icons/Verified.js +23 -0
- package/dist/components/Icons/cfxIcons.d.ts +5 -0
- package/dist/components/Icons/cfxIcons.js +52 -42
- package/dist/components/Icons/index.js +1 -1
- package/dist/components/Indicator/Indicator.js +11 -11
- package/dist/components/InfoPanel/InfoPanel.js +37 -37
- package/dist/components/Input/Input.js +59 -59
- package/dist/components/Input/RichInput.js +39 -39
- package/dist/components/InputDropzone/InputDropzone.js +87 -87
- package/dist/components/InputDropzone/ItemPreview.js +17 -17
- package/dist/components/Interactive/Interactive.js +6 -6
- package/dist/components/Island/Island.js +20 -20
- package/dist/components/Layout/Box/Box.js +81 -81
- package/dist/components/Layout/Center/Center.js +14 -14
- package/dist/components/Layout/Flex/Flex.js +67 -67
- package/dist/components/Layout/Flex/FlexRestricter.js +14 -14
- package/dist/components/Layout/Flex/FlexShowcase.js +4 -4
- package/dist/components/Layout/Pad/Pad.js +34 -34
- package/dist/components/Layout/Page/Page.js +11 -11
- package/dist/components/Layout/Scrollable/Rail.js +1 -1
- package/dist/components/Layout/Scrollable/Scrollable.js +1 -1
- package/dist/components/Layout/Scrollable/VirtualScrollable.js +1 -1
- package/dist/components/Layout/Scrollable/index.js +1 -1
- package/dist/components/Link/ButtonLink.js +7 -6
- package/dist/components/Link/Link.js +36 -27
- package/dist/components/Loaf/Loaf.js +20 -20
- package/dist/components/Modal/Modal.js +51 -51
- package/dist/components/NavList/NavList.js +23 -23
- package/dist/components/Overlay/Overlay.js +17 -17
- package/dist/components/Popover/Popover.js +29 -29
- package/dist/components/Popover/PopoverShowcase.js +9 -9
- package/dist/components/PremiumBadge/PremiumBadge.js +8 -8
- package/dist/components/Prose/Prose.js +6 -6
- package/dist/components/Radio/Radio.js +32 -32
- package/dist/components/Select/Select.js +157 -157
- package/dist/components/Separator/Separator.js +31 -31
- package/dist/components/Shroud/Shroud.js +14 -14
- package/dist/components/Skeleton/Skeleton.js +10 -10
- package/dist/components/Spacer/Spacer.js +25 -25
- package/dist/components/Switch/Switch.js +43 -43
- package/dist/components/Table/Table.js +82 -82
- package/dist/components/Tabular/Tabular.js +60 -60
- package/dist/components/Text/Text.js +26 -26
- package/dist/components/Text/TextShowcase.js +19 -19
- package/dist/components/Textarea/Textarea.js +36 -36
- package/dist/components/Title/Title.js +57 -57
- package/dist/components/ToggleGroup/ToggleGroup.js +40 -40
- package/dist/main.js +2 -2
- package/dist/styles-scss/_ui.scss +22 -0
- package/dist/styles-scss/global.scss +5 -0
- package/dist/styles-scss/tokens.scss +5 -25
- package/package.json +2 -2
- package/dist/Rail-XT5PwAlx.js +0 -81
- package/dist/cfxIcons-BlbKR-zU.js +0 -86
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { jsx as x } from "react/jsx-runtime";
|
|
2
|
+
import t from "react";
|
|
3
|
+
import { Interactive as w } from "./components/Interactive/Interactive.js";
|
|
4
|
+
import { clsx as g } from "./utils/clsx.js";
|
|
5
|
+
import { clamp01 as C } from "./utils/math.js";
|
|
6
|
+
const P = "cfxui__Scrollable__virtual__355e6", T = "cfxui__Scrollable__root__32c21", R = "cfxui__Scrollable__rail__2624b", M = "cfxui__Scrollable__active__fd553", y = "cfxui__Scrollable__scroller__0d77d", z = "cfxui__Scrollable__content__0fd73", E = "cfxui__Scrollable__thumb__a7819", i = {
|
|
7
|
+
virtual: P,
|
|
8
|
+
root: T,
|
|
9
|
+
rail: R,
|
|
10
|
+
active: M,
|
|
11
|
+
scroller: y,
|
|
12
|
+
"no-x-scroll": "cfxui__Scrollable__no-x-scroll__26dde",
|
|
13
|
+
"no-y-scroll": "cfxui__Scrollable__no-y-scroll__192e6",
|
|
14
|
+
content: z,
|
|
15
|
+
thumb: E,
|
|
16
|
+
"axis-x": "cfxui__Scrollable__axis-x__f462a",
|
|
17
|
+
"axis-y": "cfxui__Scrollable__axis-y__e8e3f"
|
|
18
|
+
}, L = {
|
|
19
|
+
pos: 0,
|
|
20
|
+
ratio: 1,
|
|
21
|
+
height: 0,
|
|
22
|
+
offset: 0,
|
|
23
|
+
dragging: !1,
|
|
24
|
+
dragStartAtCursor: 0,
|
|
25
|
+
dragStartAtPos: 0,
|
|
26
|
+
movementMultiplier: 1
|
|
27
|
+
};
|
|
28
|
+
function Y(v) {
|
|
29
|
+
const {
|
|
30
|
+
axis: n,
|
|
31
|
+
pos: s,
|
|
32
|
+
size: o,
|
|
33
|
+
scrollSize: f,
|
|
34
|
+
rootRef: m,
|
|
35
|
+
setRootActive: c,
|
|
36
|
+
minThumbSize: l
|
|
37
|
+
} = v, [h, S] = t.useState(!1), e = t.useRef({ ...L }), r = t.useMemo(() => n === "x" ? {
|
|
38
|
+
sizeCSS: "width",
|
|
39
|
+
offsetCSSTransform: "translateX",
|
|
40
|
+
scrollToSide: "left",
|
|
41
|
+
mousePosAxis: "clientX"
|
|
42
|
+
} : {
|
|
43
|
+
sizeCSS: "height",
|
|
44
|
+
offsetCSSTransform: "translateY",
|
|
45
|
+
scrollToSide: "top",
|
|
46
|
+
mousePosAxis: "clientY"
|
|
47
|
+
}, [n]), b = {
|
|
48
|
+
[r.sizeCSS]: `${e.current.height}px`,
|
|
49
|
+
transform: `${r.offsetCSSTransform}(${e.current.offset}px)`
|
|
50
|
+
}, p = t.useCallback((_) => {
|
|
51
|
+
e.current.dragging = !0, e.current.dragStartAtPos = e.current.pos, e.current.dragStartAtCursor = _[r.mousePosAxis], S(!0), c(!0);
|
|
52
|
+
}, [r.mousePosAxis, c]), a = t.useCallback((_) => {
|
|
53
|
+
var d;
|
|
54
|
+
if (!e.current.dragging)
|
|
55
|
+
return;
|
|
56
|
+
const A = _[r.mousePosAxis] - e.current.dragStartAtCursor;
|
|
57
|
+
(d = m.current) == null || d.scrollTo({
|
|
58
|
+
[r.scrollToSide]: e.current.dragStartAtPos + A * e.current.movementMultiplier,
|
|
59
|
+
behavior: "auto"
|
|
60
|
+
});
|
|
61
|
+
}, [r.mousePosAxis, r.scrollToSide, m]), u = t.useCallback(() => {
|
|
62
|
+
e.current.dragging && (e.current.dragging = !1, S(!1), c(!1));
|
|
63
|
+
}, [c]);
|
|
64
|
+
return t.useEffect(() => {
|
|
65
|
+
e.current.pos = s, e.current.ratio = C(o / f), e.current.height = o * e.current.ratio, e.current.offset = s * e.current.ratio, e.current.height < l && (e.current.height = l, e.current.offset = s * e.current.ratio * ((o - l) / o)), e.current.movementMultiplier = 1 / e.current.ratio;
|
|
66
|
+
}, [l, s, f, o]), t.useEffect(() => (window.addEventListener("mousemove", a), window.addEventListener("mouseup", u), () => {
|
|
67
|
+
window.removeEventListener("mousemove", a), window.removeEventListener("mouseup", u);
|
|
68
|
+
}), [a, u]), /* @__PURE__ */ x("div", { className: g(i.rail, i[`axis-${n}`]), children: /* @__PURE__ */ x(
|
|
69
|
+
w,
|
|
70
|
+
{
|
|
71
|
+
showPointer: !1,
|
|
72
|
+
style: b,
|
|
73
|
+
className: g(i.thumb, { [i.active]: h }),
|
|
74
|
+
onMouseDown: p
|
|
75
|
+
}
|
|
76
|
+
) });
|
|
77
|
+
}
|
|
78
|
+
export {
|
|
79
|
+
Y as R,
|
|
80
|
+
i as s
|
|
81
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.cfxui__Accordion__root__23c5d{background-color:var(--color-accordion-background)}.cfxui__Accordion__item__88b4c,.cfxui__Accordion__header__cbd69{cursor:pointer;background:var(--color-accordion-background)}.cfxui__Accordion__triggerContainer__b92c1{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:var(--quant);border-bottom:1px solid var(--color-accordion-border-color);height:calc(var(--quant) * 7.75);transition:border-bottom .25s ease-out}.cfxui__Accordion__triggerContainer__b92c1:hover,.cfxui__Accordion__triggerContainer__b92c1:focus-visible:not(:hover){border-bottom:2px solid rgba(var(--color-primary),1)}.cfxui__Accordion__triggerContainer__b92c1:hover .cfxui__Accordion__iconFlip__367de,.cfxui__Accordion__triggerContainer__b92c1:focus-visible:not(:hover) .cfxui__Accordion__iconFlip__367de{transform:rotateX(90deg)}.cfxui__Accordion__triggerContainer__b92c1:hover .cfxui__Accordion__iconUp__28d27,.cfxui__Accordion__triggerContainer__b92c1:focus-visible:not(:hover) .cfxui__Accordion__iconUp__28d27{top:calc(-1 * var(--offset-small))}.cfxui__Accordion__triggerContainer__b92c1:hover .cfxui__Accordion__iconDown__b9e95,.cfxui__Accordion__triggerContainer__b92c1:focus-visible:not(:hover) .cfxui__Accordion__iconDown__b9e95{top:var(--offset-small)}.cfxui__Accordion__triggerContainer__b92c1 .cfxui__Accordion__iconLeft__e348b{margin-right:var(--offset-small);color:rgba(var(--color-secondary),1)}.cfxui__Accordion__triggerContainer__b92c1 .cfxui__Accordion__iconRight__bbf0c{top:0;position:relative;color:rgba(var(--color-secondary),1);margin-left:var(--offset-small);transition:transform .25s ease-out,top .5s ease;transform-style:preserve-3d}.cfxui__Accordion__iconFlip__367de{transform:rotateX(90deg)}.cfxui__Accordion__content__5ecaf{display:block;padding:calc(var(--quant) * .5) calc(var(--quant) * 6.5);overflow:hidden;max-height:0;transition:max-height .5s ease-in-out}.cfxui__Accordion__content__5ecaf.cfxui__Accordion__open__ed604{max-height:calc(var(--quant) * 30)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.cfxui__Avatar__root__59baa{flex-shrink:0;border-radius:var(--border-radius-xsmall);background-size:contain;background-color:var(--color-avatar-background)}.cfxui__Avatar__root__59baa.cfxui__Avatar__rounded__7cde6{border-radius:var(--border-radius-pill)}.cfxui__Avatar__root__59baa.cfxui__Avatar__size-small__ffc23{width:var(--control-height-small);height:var(--control-height-small)}.cfxui__Avatar__root__59baa.cfxui__Avatar__size-normal__fcfe8{width:var(--control-height-normal);height:var(--control-height-normal)}.cfxui__Avatar__root__59baa.cfxui__Avatar__size-large__d607f{width:var(--control-height-large);height:var(--control-height-large)}.cfxui__Avatar__root__59baa.cfxui__Avatar__size-xxxlarge__262e4{width:calc(var(--quant) * 30);height:calc(var(--quant) * 30)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.cfxui__Badge__root__73dcc{display:inline-flex;align-items:center;justify-content:center;padding:var(--offset-xsmall) var(--quant);text-transform:uppercase;font-size:var(--font-size-xxsmall);font-weight:var(--font-weight-bold);border:none;border-radius:var(--offset-small)}.cfxui__Badge__root__73dcc.cfxui__Badge__success__b5ae3{color:var(--color-badge-success-text);background-color:var(--color-badge-success-background)}.cfxui__Badge__root__73dcc.cfxui__Badge__success__b5ae3.cfxui__Badge__hoverable__4b089:not(:disabled):hover{background-color:var(--color-badge-success-background-hover)}.cfxui__Badge__root__73dcc.cfxui__Badge__neutral__6ac4e{color:var(--color-badge-neutral-text);background-color:var(--color-badge-neutral-background)}.cfxui__Badge__root__73dcc.cfxui__Badge__warning__72699{color:var(--color-badge-warning-text);background-color:var(--color-badge-warning-background)}.cfxui__Badge__root__73dcc.cfxui__Badge__warning__72699.cfxui__Badge__hoverable__4b089:not(:disabled):hover{background-color:var(--color-badge-warning-background-hover)}.cfxui__Badge__root__73dcc.cfxui__Badge__error__7e5f9{color:var(--color-badge-error-text);background-color:var(--color-badge-error-background)}.cfxui__Badge__root__73dcc.cfxui__Badge__error__7e5f9.cfxui__Badge__hoverable__4b089:not(:disabled):hover{background-color:var(--color-badge-error-background-hover)}.cfxui__Badge__root__73dcc.cfxui__Badge__small__a1a55{padding:var(--offset-xxsmall) var(--offset-small)}.cfxui__Badge__icon__4e25f{margin-left:var(--offset-xsmall)}
|
package/dist/assets/css/Box.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.cfxui__Box__root__299ae.cfxui__Box__full-width__2b253{width:100%}.cfxui__Box__root__299ae.cfxui__Box__fit-content-width__eff85{width:fit-content}.cfxui__Box__root__299ae.cfxui__Box__full-height__1d61f{height:100%}.cfxui__Box__root__299ae.cfxui__Box__no-overflow__68f14{overflow:hidden}.cfxui__Box__root__299ae.cfxui__Box__no-shrink__fbd72{flex-shrink:0}.cfxui__Box__root__299ae.cfxui__Box__grow__7ee8d{flex-grow:1}.cfxui__Box__root__299ae.cfxui__Box__no-grow__7c039{flex-grow:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.cfxui__Button__unsetAll__44b96{all:unset}.cfxui__Button__root__e2ace{flex-shrink:0;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--offset-small);box-sizing:border-box;--height: var(--control-height-large);height:var(--height);min-width:var(--control-height-large);padding:var(--offset-xxsmall) calc(var(--quant) * 5);outline:none;font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-xxsmall);line-height:1.2;letter-spacing:1px;text-transform:uppercase;text-decoration:none;cursor:pointer;border:solid 1.5px;border-radius:var(--border-radius-small);--color: var(--color-button-text);--border-color: var(--color-button-border);--background-color: var(--color-button-background);color:var(--color);border-color:var(--border-color);background-color:var(--background-color)}.cfxui__Button__root__e2ace{transition:background-color .25s ease,color .25s ease,outline-offset 0s,outline 0s}.cfxui__Button__root__e2ace.cfxui__Button__fullWidth__f61d9{width:100%;flex-shrink:1}.cfxui__Button__root__e2ace:disabled{cursor:not-allowed;opacity:.5}.cfxui__Button__root__e2ace:not(:disabled):hover{--border-color: var(--color-button-hover-border);--background-color: var(--color-button-hover-background)}.cfxui__Button__root__e2ace:not(:disabled):active{--border-color: var(--color-button-active-border);--background-color: var(--color-button-active-background);transform:translateY(1px)}.cfxui__Button__root__e2ace:not(:disabled):focus-visible:not(:active):not(:hover){box-shadow:0 0 0 2px var(--color-button-focus-outline)}.cfxui__Button__root__e2ace.cfxui__Button__primary__1c59f{-webkit-backdrop-filter:none;backdrop-filter:none;--color: var(--color-button-primary-text);--border-color: var(--color-button-primary-border);--background-color: var(--color-button-primary-background)}.cfxui__Button__root__e2ace.cfxui__Button__primary__1c59f:disabled{--color: var(--color-button-primary-disabled-text);--border-color: var(--color-button-primary-disabled-border);--background-color: var(--color-button-primary-disabled-background)}.cfxui__Button__root__e2ace.cfxui__Button__primary__1c59f:not(:disabled):hover{--color: var(--color-button-primary-hover-text);--border-color: var(--color-button-primary-hover-border);--background-color: var(--color-button-primary-hover-background)}.cfxui__Button__root__e2ace.cfxui__Button__primary__1c59f:not(:disabled):active{--color: var(--color-button-primary-active-text);--border-color: var(--color-button-primary-active-border);--background-color: var(--color-button-primary-active-background)}.cfxui__Button__root__e2ace.cfxui__Button__secondary__b2b84{-webkit-backdrop-filter:none;backdrop-filter:none;--color: var(--color-button-secondary-text);--border-color: var(--color-button-secondary-border);--background-color: var(--color-button-secondary-background)}.cfxui__Button__root__e2ace.cfxui__Button__secondary__b2b84:disabled{--color: var(--color-button-secondary-disabled-text);--border-color: var(--color-button-secondary-disabled-border);--background-color: var(--color-button-secondary-disabled-background)}.cfxui__Button__root__e2ace.cfxui__Button__secondary__b2b84:not(:disabled):hover{--color: var(--color-button-secondary-hover-text);--border-color: var(--color-button-secondary-hover-border);--background-color: var(--color-button-secondary-hover-background)}.cfxui__Button__root__e2ace.cfxui__Button__secondary__b2b84:not(:disabled):active{--color: var(--color-button-secondary-active-text);--border-color: var(--color-button-secondary-active-border);--background-color: var(--color-button-secondary-active-background)}.cfxui__Button__root__e2ace.cfxui__Button__on-light__ae69c{-webkit-backdrop-filter:none;backdrop-filter:none;--color: var(--color-button-onlight-text);--border-color: var(--color-button-onlight-border);--background-color: var(--color-button-onlight-background)}.cfxui__Button__root__e2ace.cfxui__Button__on-light__ae69c:disabled{--color: var(--color-button-onlight-disabled-text);--border-color: var(--color-button-onlight-disabled-border);--background-color: var(--color-button-onlight-disabled-background)}.cfxui__Button__root__e2ace.cfxui__Button__on-light__ae69c:not(:disabled):hover{--color: var(--color-button-onlight-hover-text);--border-color: var(--color-button-onlight-hover-border);--background-color: var(--color-button-onlight-hover-background)}.cfxui__Button__root__e2ace.cfxui__Button__on-light__ae69c:not(:disabled):active{--color: var(--color-button-onlight-active-text);--border-color: var(--color-button-onlight-active-border);--background-color: var(--color-button-onlight-active-background)}.cfxui__Button__root__e2ace.cfxui__Button__linked__330cb{--height: calc(var(--quant) * 4);font-weight:var(--font-weight-normal);line-height:1.2;letter-spacing:0;font-size:var(--font-size-xsmall);-webkit-backdrop-filter:none;backdrop-filter:none;text-transform:none;min-width:0;padding:0 var(--offset-small);--color: var(--color-button-linked-text);--border-color: var(--color-button-linked-border);--background-color: var(--color-button-linked-background)}.cfxui__Button__root__e2ace.cfxui__Button__linked__330cb:disabled{--color: var(--color-button-linked-disabled-text);--border-color: var(--color-button-linked-disabled-border);--background-color: var(--color-button-linked-disabled-background)}.cfxui__Button__root__e2ace.cfxui__Button__linked__330cb:not(:disabled):hover{--color: var(--color-button-linked-hover-text);--border-color: var(--color-button-linked-hover-border);--background-color: var(--color-button-linked-hover-background)}.cfxui__Button__root__e2ace.cfxui__Button__linked__330cb:not(:disabled):active{--color: var(--color-button-linked-active-text);--border-color: var(--color-button-linked-active-border);--background-color: var(--color-button-linked-active-background)}.cfxui__Button__root__e2ace.cfxui__Button__quicklink__204ac{-webkit-backdrop-filter:none;backdrop-filter:none;justify-content:space-between;--color: var(--color-button-quicklink-text);--border-color: var(--color-button-quicklink-border);--background-color: var(--color-button-quicklink-background)}.cfxui__Button__root__e2ace.cfxui__Button__quicklink__204ac .cfxui__Button__icon__44e51{position:relative;right:0}.cfxui__Button__root__e2ace.cfxui__Button__quicklink__204ac .cfxui__Button__icon__44e51{transition:right .25s ease,outline-offset 0s,outline 0s}.cfxui__Button__root__e2ace.cfxui__Button__quicklink__204ac:disabled{--color: var(--color-button-quicklink-disabled-text);--border-color: var(--color-button-quicklink-disabled-border);--background-color: var(--color-button-quicklink-disabled-background)}.cfxui__Button__root__e2ace.cfxui__Button__quicklink__204ac:not(:disabled):hover{--color: var(--color-button-quicklink-hover-text);--border-color: var(--color-button-quicklink-hover-border);--background-color: var(--color-button-quicklink-hover-background)}.cfxui__Button__root__e2ace.cfxui__Button__quicklink__204ac:not(:disabled):hover .cfxui__Button__icon__44e51{right:calc(-1 * calc(var(--quant) * .5))}.cfxui__Button__root__e2ace.cfxui__Button__quicklink__204ac:not(:disabled):active{--color: var(--color-button-quicklink-active-text);--border-color: var(--color-button-quicklink-active-border);--background-color: var(--color-button-quicklink-active-background)}.cfxui__Button__root__e2ace.cfxui__Button__icononly__4f786{padding:0;width:var(--height);line-height:0}.cfxui__Button__root__e2ace .cfxui__Button__decorator__39a9b{position:absolute;top:2px;left:2px;display:flex;align-items:center;justify-content:center;width:0;height:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.cfxui__ButtonBar__bar__cf894{display:flex;align-items:center;gap:calc(var(--quant) * 2.5)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.cfxui__Center__root__e3435{display:flex}.cfxui__Center__root__e3435.cfxui__Center__vertical__a517d{height:100%;align-items:center}.cfxui__Center__root__e3435.cfxui__Center__horizontal__21f93{width:100%;justify-content:center}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.cfxui__Checkbox__rootUnset__cbb57{all:unset}.cfxui__Checkbox__root__865aa{cursor:pointer;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.cfxui__Checkbox__root__865aa:focus-visible,.cfxui__Checkbox__root__865aa:focus-visible:hover{outline-offset:var(--checkbox-focus-border-size, initial);outline:var(--checkbox-focus-border-size, initial) solid var(--color-checkbox-focus-border-color)}.cfxui__Checkbox__root__865aa[data-disabled]{opacity:.5;cursor:not-allowed}.cfxui__Checkbox__root__865aa .cfxui__Checkbox__indicator__2afc0{color:inherit;display:flex;align-items:center;justify-content:center}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-small__02440{width:var(--control-height-xxsmall);height:var(--control-height-xxsmall);border-radius:var(--border-radius-xxsmall);border:1.5px solid}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-small__02440 .cfxui__Checkbox__indicator__2afc0{width:var(--control-height-xxsmall);height:var(--control-height-xxsmall);line-height:var(--control-height-xxsmall)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-small__02440 .cfxui__Checkbox__indicator__2afc0 svg{width:calc(var(--control-height-xxsmall) / 1.5);height:calc(var(--control-height-xxsmall) / 1.5)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-normal__700f4{width:var(--control-height-xsmall);height:var(--control-height-xsmall);border-radius:var(--border-radius-xsmall);border:calc(var(--quant) * .25) solid}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-normal__700f4 .cfxui__Checkbox__indicator__2afc0{width:var(--control-height-xsmall);height:var(--control-height-xsmall);line-height:var(--control-height-xsmall)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-normal__700f4 .cfxui__Checkbox__indicator__2afc0 svg{width:calc(var(--control-height-xsmall) / 1.5);height:calc(var(--control-height-xsmall) / 1.5)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-large__28529{width:var(--control-height-small);height:var(--control-height-small);border-radius:var(--border-radius-small);border:calc(var(--quant) * .25) solid}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-large__28529 .cfxui__Checkbox__indicator__2afc0{width:var(--control-height-small);height:var(--control-height-small);line-height:var(--control-height-small)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-large__28529 .cfxui__Checkbox__indicator__2afc0 svg{width:calc(var(--control-height-small) / 1.5);height:calc(var(--control-height-small) / 1.5)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.cfxui__ClipboardButton__root__e8251.cfxui__ClipboardButton__copied__6e0b9{color:var(--color-title-text-copy);background-color:var(--color-title-background-dark)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.cfxui__ControlBox__root__6a08c{display:flex;align-items:center}.cfxui__ControlBox__root__6a08c.cfxui__ControlBox__small__8beb2{height:var(--control-height-small)}.cfxui__ControlBox__root__6a08c.cfxui__ControlBox__normal__e3aa5{height:var(--control-height-normal)}.cfxui__ControlBox__root__6a08c.cfxui__ControlBox__large__1039d{height:var(--control-height-large)}
|