@cfx-dev/ui-components 4.5.16 → 4.5.17
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/{Combination-2dfXEDc9.js → Combination-CcTTSYNP.js} +1 -1
- package/dist/{DropdownContent-CLtPVRZg.js → DropdownContent-MvHlrWi6.js} +4 -4
- package/dist/assets/all_css.css +2 -0
- package/dist/assets/css/DropdownSelect.css +1 -1
- package/dist/assets/css/Range.css +1 -0
- package/dist/assets/css/RangeInput.css +1 -0
- package/dist/assets/css/RichInput.css +1 -1
- package/dist/assets/css/Select.css +1 -1
- package/dist/assets/css/StyledInput.css +1 -1
- package/dist/components/Checkbox/Checkbox.js +23 -23
- package/dist/components/DropdownContent/DropdownContent.js +1 -1
- package/dist/components/DropdownContent/index.js +1 -1
- package/dist/components/DropdownMenu/DropdownMenu.js +1 -1
- package/dist/components/DropdownSelect/DropdownSelect.js +1 -1
- package/dist/components/Range/Range.d.ts +4 -0
- package/dist/components/Range/Range.js +90 -0
- package/dist/components/Range/Range.types.d.ts +9 -0
- package/dist/components/Range/Range.types.js +1 -0
- package/dist/components/Range/RangeInput.d.ts +13 -0
- package/dist/components/Range/RangeInput.js +78 -0
- package/dist/components/Range/RangeShowcase.d.ts +2 -0
- package/dist/components/Range/RangeShowcase.js +41 -0
- package/dist/components/Range/RangeWithInputs.d.ts +8 -0
- package/dist/components/Range/RangeWithInputs.js +81 -0
- package/dist/components/Range/index.d.ts +6 -0
- package/dist/components/Range/index.js +8 -0
- package/dist/components/Select/Select.js +3 -3
- package/dist/components/Slider/Slider.js +64 -472
- package/dist/components/Slider/SliderShowcase.js +6 -4
- package/dist/components/Switch/Switch.js +1 -1
- package/dist/{index-DWzyrn_L.js → index-3ctv5u9o.js} +1 -1
- package/dist/{index-BMU9X4M-.js → index-9LBuZ7x4.js} +7 -7
- package/dist/{index-DCuJlMqr.js → index-CfQtbUfi.js} +6 -6
- package/dist/index-D5SMGei3.js +427 -0
- package/dist/main.d.ts +2 -0
- package/dist/main.js +105 -99
- package/dist/styles-scss/_ui.scss +19 -17
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as m from "react";
|
|
2
2
|
import { useLayoutEffect as vn } from "react";
|
|
3
|
-
import {
|
|
3
|
+
import { b as he, P as ce, a as Ne, g as gn, e as Ve, c as yn, d as wn } from "./index-CfQtbUfi.js";
|
|
4
4
|
import { jsx as _ } from "react/jsx-runtime";
|
|
5
5
|
import { r as xn } from "./index-Cl_RnsqN.js";
|
|
6
6
|
import { c as Tt, _ as Q, d as bn } from "./tslib.es6-CtHwNPxX.js";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as s } from "react/jsx-runtime";
|
|
2
2
|
import * as a from "react";
|
|
3
3
|
import gn from "react";
|
|
4
|
-
import { c as _e, P as N,
|
|
5
|
-
import { c as Pe, u as Te } from "./index-
|
|
6
|
-
import { u as le, a as we, c as Ae, h as hn, b as Cn, R as Rn, F as In, D as bn, C as Dn, d as En, A as Sn, e as xn } from "./Combination-
|
|
7
|
-
import { P as ge } from "./index-
|
|
4
|
+
import { c as _e, P as N, a as w, b as z, u as xe, g as vn, f as Mn, h as ye } from "./index-CfQtbUfi.js";
|
|
5
|
+
import { c as Pe, u as Te } from "./index-9LBuZ7x4.js";
|
|
6
|
+
import { u as le, a as we, c as Ae, h as hn, b as Cn, R as Rn, F as In, D as bn, C as Dn, d as En, A as Sn, e as xn } from "./Combination-CcTTSYNP.js";
|
|
7
|
+
import { P as ge } from "./index-3ctv5u9o.js";
|
|
8
8
|
import { clsx as fe } from "./utils/clsx.js";
|
|
9
9
|
import { ui as Ne } from "./utils/ui/ui.js";
|
|
10
10
|
var de = "rovingFocusGroup.onEntryFocus", yn = { bubbles: !1, cancelable: !0 }, Z = "RovingFocusGroup", [pe, Oe, Pn] = Pe(Z), [Tn, Fe] = _e(
|
package/dist/assets/all_css.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.cfxui__DropdownSelect__icon__d05b8{transition:transform .25s ease}.cfxui__DropdownSelect__trigger__c03df{width:100%;padding:0 var(--offset-medium);border:none;width:auto;font-size:var(--font-size-xsmall);height:var(--control-height-normal);color:var(--color-input-text);font-weight:var(--font-weight-normal);font-family:var(--font-family-primary);border-radius:var(--border-radius-small)
|
|
1
|
+
.cfxui__DropdownSelect__icon__d05b8{transition:transform .25s ease}.cfxui__DropdownSelect__trigger__c03df{width:100%;padding:0 var(--offset-medium);border:none;width:auto;font-size:var(--font-size-xsmall);height:var(--control-height-normal);color:var(--color-input-text);font-weight:var(--font-weight-normal);font-family:var(--font-family-primary);border-radius:var(--border-radius-small);--input-border-color: var(--color-input-border);box-shadow:0 0 0 var(--input-border-size, initial) var(--input-border-color, initial) inset;background-color:var(--color-input-background)}.cfxui__DropdownSelect__trigger__c03df::placeholder{color:var(--color-input-placeholder)}.cfxui__DropdownSelect__trigger__c03df::-webkit-input-placeholder{color:var(--color-input-placeholder)}.cfxui__DropdownSelect__trigger__c03df::-moz-placeholder{color:var(--color-input-placeholder)}.cfxui__DropdownSelect__trigger__c03df:-ms-input-placeholder{color:var(--color-input-placeholder)}.cfxui__DropdownSelect__trigger__c03df:disabled{--input-border-color: var(--color-input-disabled-border);cursor:not-allowed;opacity:.5}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):hover{--input-border-color: var(--color-input-hover-border)}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):hover::placeholder{color:var(--color-input-placeholder-hover)}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):hover::-webkit-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):hover::-moz-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):hover:-ms-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):focus-visible,.cfxui__DropdownSelect__trigger__c03df:not(:disabled):focus-visible:hover{--input-border-color: var(--color-input-focus-border)}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):focus-visible::placeholder,.cfxui__DropdownSelect__trigger__c03df:not(:disabled):focus-visible:hover::placeholder{color:transparent}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):focus-visible::-webkit-input-placeholder,.cfxui__DropdownSelect__trigger__c03df:not(:disabled):focus-visible:hover::-webkit-input-placeholder{color:transparent}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):focus-visible::-moz-placeholder,.cfxui__DropdownSelect__trigger__c03df:not(:disabled):focus-visible:hover::-moz-placeholder{color:transparent}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):focus-visible:-ms-input-placeholder,.cfxui__DropdownSelect__trigger__c03df:not(:disabled):focus-visible:hover:-ms-input-placeholder{color:transparent}.cfxui__DropdownSelect__trigger__c03df::placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__DropdownSelect__trigger__c03df::-webkit-input-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__DropdownSelect__trigger__c03df::-moz-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__DropdownSelect__trigger__c03df:-ms-input-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__DropdownSelect__trigger__c03df{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__DropdownSelect__trigger__c03df[type=search]::-ms-clear,.cfxui__DropdownSelect__trigger__c03df[type=search]::-ms-reveal{display:none;width:0;height:0}.cfxui__DropdownSelect__trigger__c03df[type=search]::-webkit-search-decoration,.cfxui__DropdownSelect__trigger__c03df[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.cfxui__DropdownSelect__trigger__c03df[type=search]{padding-right:calc(var(--offset-medium) + var(--offset-large));-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191{--input-border-color: var(--color-input-onlight-border);box-shadow:0 0 0 var(--input-border-size, initial) var(--input-border-color, initial) inset;background-color:var(--color-input-background)}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191::placeholder{color:var(--color-input-placeholder)}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191::-webkit-input-placeholder{color:var(--color-input-placeholder)}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191::-moz-placeholder{color:var(--color-input-placeholder)}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:-ms-input-placeholder{color:var(--color-input-placeholder)}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:disabled{--input-border-color: var(--color-input-onlight-disabled-border);cursor:not-allowed;opacity:.5}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):hover{--input-border-color: var(--color-input-onlight-hover-border)}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):hover::placeholder{color:var(--color-input-placeholder-hover)}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):hover::-webkit-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):hover::-moz-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):hover:-ms-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):focus-visible,.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):focus-visible:hover{--input-border-color: var(--color-input-onlight-focus-border)}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):focus-visible::placeholder,.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):focus-visible:hover::placeholder{color:transparent}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):focus-visible::-webkit-input-placeholder,.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):focus-visible:hover::-webkit-input-placeholder{color:transparent}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):focus-visible::-moz-placeholder,.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):focus-visible:hover::-moz-placeholder{color:transparent}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):focus-visible:-ms-input-placeholder,.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__onlight__f0191:not(:disabled):focus-visible:hover:-ms-input-placeholder{color:transparent}.cfxui__DropdownSelect__trigger__c03df.cfxui__DropdownSelect__fullWidth__dce56{width:100%}.cfxui__DropdownSelect__trigger__c03df:not(:disabled){cursor:pointer}.cfxui__DropdownSelect__trigger__c03df:not(:disabled) .cfxui__DropdownSelect__icon__d05b8{color:var(--color-input-text)}.cfxui__DropdownSelect__trigger__c03df:not(:disabled):hover .cfxui__DropdownSelect__icon__d05b8{transform:translateY(calc(var(--quant) * .25))}.cfxui__DropdownSelect__trigger__c03df:not(:disabled).cfxui__DropdownSelect__placeholder__e0d89{color:var(--color-input-placeholder)}.cfxui__DropdownSelect__trigger__c03df:not(:disabled).cfxui__DropdownSelect__placeholder__e0d89:hover,.cfxui__DropdownSelect__trigger__c03df:not(:disabled).cfxui__DropdownSelect__placeholder__e0d89:focus{color:var(--color-input-placeholder-hover)}.cfxui__DropdownSelect__trigger__c03df .cfxui__DropdownSelect__icon__d05b8{width:var(--font-size-xsmall, initial);height:var(--font-size-xsmall, initial)}.cfxui__DropdownSelect__trigger__c03df .cfxui__DropdownSelect__icon__d05b8 svg{width:var(--font-size-xsmall, initial);height:var(--font-size-xsmall, initial)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.cfxui__Range__root__9b6c3{position:relative;display:flex;align-items:center;width:100%;height:calc(var(--quant) * 3);cursor:pointer}.cfxui__Range__root__9b6c3.cfxui__Range__disabled__1bbc7{cursor:not-allowed;opacity:.5}.cfxui__Range__track__28130{background-color:rgba(var(--color-secondary),.2);position:relative;flex-grow:1;height:calc(var(--quant) * .5);border-radius:var(--border-radius-small)}.cfxui__Range__range__2adcc{position:absolute;background-color:rgba(var(--color-tertiary),1);height:100%;border-radius:var(--border-radius-small)}.cfxui__Range__thumb__905e9{display:block;width:calc(var(--quant) * 2);height:calc(var(--quant) * 2.75);position:relative}.cfxui__Range__thumb__905e9 .cfxui__Range__thumbIcon__acb4e{color:rgba(var(--color-primary),1)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.cfxui__RangeInput__root__d7257{position:relative;display:inline-flex;width:calc(var(--quant) * 12.5)}.cfxui__RangeInput__root__d7257.cfxui__RangeInput__fullWidth__4ffc7{width:100%}.cfxui__RangeInput__root__d7257 .cfxui__RangeInput__input__3bdcc{height:calc(var(--quant) * 5.5);padding-left:calc(var(--quant) * 5);--input-border-color: rgba(var(--color-secondary), .2);box-shadow:0 0 0 var(--input-border-size, initial) var(--input-border-color, initial) inset;background-color:transparent}.cfxui__RangeInput__root__d7257 .cfxui__RangeInput__input__3bdcc::-webkit-outer-spin-button,.cfxui__RangeInput__root__d7257 .cfxui__RangeInput__input__3bdcc::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.cfxui__RangeInput__root__d7257 .cfxui__RangeInput__input__3bdcc[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.cfxui__RangeInput__root__d7257 .cfxui__RangeInput__input__3bdcc::placeholder{color:var(--color-input-placeholder)}.cfxui__RangeInput__root__d7257 .cfxui__RangeInput__input__3bdcc::-webkit-input-placeholder{color:var(--color-input-placeholder)}.cfxui__RangeInput__root__d7257 .cfxui__RangeInput__input__3bdcc::-moz-placeholder{color:var(--color-input-placeholder)}.cfxui__RangeInput__root__d7257 .cfxui__RangeInput__input__3bdcc:-ms-input-placeholder{color:var(--color-input-placeholder)}.cfxui__RangeInput__root__d7257 .cfxui__RangeInput__input__3bdcc:disabled{--input-border-color: rgba(var(--color-secondary), .2);cursor:not-allowed;opacity:.5}.cfxui__RangeInput__root__d7257 .cfxui__RangeInput__input__3bdcc:not(:disabled):hover{--input-border-color: rgba(var(--color-secondary), .5)}.cfxui__RangeInput__root__d7257 .cfxui__RangeInput__input__3bdcc:not(:disabled):hover::placeholder{color:var(--color-input-placeholder-hover)}.cfxui__RangeInput__root__d7257 .cfxui__RangeInput__input__3bdcc:not(:disabled):hover::-webkit-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__RangeInput__root__d7257 .cfxui__RangeInput__input__3bdcc:not(:disabled):hover::-moz-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__RangeInput__root__d7257 .cfxui__RangeInput__input__3bdcc:not(:disabled):hover:-ms-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__RangeInput__root__d7257 .cfxui__RangeInput__input__3bdcc:not(:disabled):focus-visible,.cfxui__RangeInput__root__d7257 .cfxui__RangeInput__input__3bdcc:not(:disabled):focus-visible:hover{--input-border-color: rgba(var(--color-secondary), .2)}.cfxui__RangeInput__root__d7257 .cfxui__RangeInput__input__3bdcc:not(:disabled):focus-visible::placeholder,.cfxui__RangeInput__root__d7257 .cfxui__RangeInput__input__3bdcc:not(:disabled):focus-visible:hover::placeholder{color:transparent}.cfxui__RangeInput__root__d7257 .cfxui__RangeInput__input__3bdcc:not(:disabled):focus-visible::-webkit-input-placeholder,.cfxui__RangeInput__root__d7257 .cfxui__RangeInput__input__3bdcc:not(:disabled):focus-visible:hover::-webkit-input-placeholder{color:transparent}.cfxui__RangeInput__root__d7257 .cfxui__RangeInput__input__3bdcc:not(:disabled):focus-visible::-moz-placeholder,.cfxui__RangeInput__root__d7257 .cfxui__RangeInput__input__3bdcc:not(:disabled):focus-visible:hover::-moz-placeholder{color:transparent}.cfxui__RangeInput__root__d7257 .cfxui__RangeInput__input__3bdcc:not(:disabled):focus-visible:-ms-input-placeholder,.cfxui__RangeInput__root__d7257 .cfxui__RangeInput__input__3bdcc:not(:disabled):focus-visible:hover:-ms-input-placeholder{color:transparent}.cfxui__RangeInput__root__d7257 .cfxui__RangeInput__sign__c4033{position:absolute;left:0;display:flex;align-items:center;justify-content:center;width:calc(var(--quant) * 4);height:100%;color:rgba(var(--color-secondary),.6);border-right:1px solid rgba(var(--color-secondary),.2)}.cfxui__RangeInput__root__d7257 .cfxui__RangeInput__input__3bdcc:disabled+.cfxui__RangeInput__sign__c4033{color:rgba(var(--color-secondary),.3)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.cfxui__RichInput__root__57e6e{position:relative;display:inline-block;border-radius:var(--border-radius-small);--backdrop-color: var(--color-input-background);--over-backdrop-color: var(--backdrop-color, transparent);--over-backdrop-image-blur: var(--backdrop-image-blur, url(data:image/png;base64,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));background-color:var(--over-backdrop-color, initial);background-image:linear-gradient(var(--over-backdrop-color, initial),var(--over-backdrop-color, initial)),linear-gradient(var(--color-backdrop-shader),var(--color-backdrop-shader)),var(--over-backdrop-image-blur, initial),var(--over-backdrop-image-blur, initial);background-blend-mode:normal,normal,overlay;background-size:cover,cover,cover,cover;background-attachment:scroll,scroll,fixed,fixed}.cfxui__RichInput__root__57e6e input{padding:0 var(--offset-medium);border:none;position:absolute;width:100%;top:0;left:0;background-color:transparent;z-index:1;font-size:var(--font-size-xsmall);height:var(--control-height-normal);color:var(--color-input-text);font-weight:var(--font-weight-normal);font-family:var(--font-family-primary);border-radius:var(--border-radius-small);background-color:var(--color-input-background);box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-border) inset}.cfxui__RichInput__root__57e6e input::placeholder{color:var(--color-input-placeholder)}.cfxui__RichInput__root__57e6e input::-webkit-input-placeholder{color:var(--color-input-placeholder)}.cfxui__RichInput__root__57e6e input::-moz-placeholder{color:var(--color-input-placeholder)}.cfxui__RichInput__root__57e6e input:-ms-input-placeholder{color:var(--color-input-placeholder)}.cfxui__RichInput__root__57e6e input:disabled{cursor:not-allowed;opacity:.5;box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-disabled-border) inset}.cfxui__RichInput__root__57e6e input:not(:disabled):hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-hover-border) inset}.cfxui__RichInput__root__57e6e input:not(:disabled):hover::placeholder{color:var(--color-input-placeholder-hover)}.cfxui__RichInput__root__57e6e input:not(:disabled):hover::-webkit-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__RichInput__root__57e6e input:not(:disabled):hover::-moz-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__RichInput__root__57e6e input:not(:disabled):hover:-ms-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__RichInput__root__57e6e input:not(:disabled):focus-visible,.cfxui__RichInput__root__57e6e input:not(:disabled):focus-visible:hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-focus-border) inset}.cfxui__RichInput__root__57e6e input:not(:disabled):focus-visible::placeholder,.cfxui__RichInput__root__57e6e input:not(:disabled):focus-visible:hover::placeholder{color:transparent}.cfxui__RichInput__root__57e6e input:not(:disabled):focus-visible::-webkit-input-placeholder,.cfxui__RichInput__root__57e6e input:not(:disabled):focus-visible:hover::-webkit-input-placeholder{color:transparent}.cfxui__RichInput__root__57e6e input:not(:disabled):focus-visible::-moz-placeholder,.cfxui__RichInput__root__57e6e input:not(:disabled):focus-visible:hover::-moz-placeholder{color:transparent}.cfxui__RichInput__root__57e6e input:not(:disabled):focus-visible:-ms-input-placeholder,.cfxui__RichInput__root__57e6e input:not(:disabled):focus-visible:hover:-ms-input-placeholder{color:transparent}.cfxui__RichInput__root__57e6e input::placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__RichInput__root__57e6e input::-webkit-input-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__RichInput__root__57e6e input::-moz-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__RichInput__root__57e6e input:-ms-input-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__RichInput__root__57e6e input{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__RichInput__root__57e6e input[type=search]::-ms-clear,.cfxui__RichInput__root__57e6e input[type=search]::-ms-reveal{display:none;width:0;height:0}.cfxui__RichInput__root__57e6e input[type=search]::-webkit-search-decoration,.cfxui__RichInput__root__57e6e input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.cfxui__RichInput__root__57e6e input[type=search]{padding-right:calc(var(--offset-medium) + var(--offset-large));-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}.cfxui__RichInput__root__57e6e .cfxui__RichInput__renderer__8b298{color:transparent;position:absolute;left:var(--offset-medium);right:var(--offset-medium);padding:var(--offset-medium) 0;height:unset!important;white-space:pre;overflow:auto visible;-webkit-user-select:none;user-select:none;scrollbar-width:none;font-size:var(--font-size-xsmall);height:var(--control-height-normal);color:var(--color-input-text);font-weight:var(--font-weight-normal);font-family:var(--font-family-primary)}.cfxui__RichInput__root__57e6e .cfxui__RichInput__renderer__8b298::-webkit-scrollbar{display:none}.cfxui__RichInput__root__57e6e .cfxui__RichInput__clear__5538b{position:absolute;display:flex;align-items:center;justify-content:center;top:0;right:0;bottom:0;padding-right:var(--offset-medium);z-index:2}.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizeinitial-large__4991c input,.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizeinitial-large__4991c .cfxui__RichInput__renderer__8b298{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizeinitial-small__cb0af input,.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizeinitial-small__cb0af .cfxui__RichInput__renderer__8b298{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}@media (min-width: 360px){.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizesmall-large__d8bc8 input,.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizesmall-large__d8bc8 .cfxui__RichInput__renderer__8b298{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 360px){.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizesmall-small__2f49a input,.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizesmall-small__2f49a .cfxui__RichInput__renderer__8b298{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 640px){.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizesmall-medium-large__e3523 input,.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizesmall-medium-large__e3523 .cfxui__RichInput__renderer__8b298{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 640px){.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizesmall-medium-small__a84f9 input,.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizesmall-medium-small__a84f9 .cfxui__RichInput__renderer__8b298{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 1024px){.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizemedium-large__80e93 input,.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizemedium-large__80e93 .cfxui__RichInput__renderer__8b298{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 1024px){.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizemedium-small__f42a7 input,.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizemedium-small__f42a7 .cfxui__RichInput__renderer__8b298{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 1280px){.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizemedium-large-large__b8650 input,.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizemedium-large-large__b8650 .cfxui__RichInput__renderer__8b298{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 1280px){.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizemedium-large-small__30be4 input,.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizemedium-large-small__30be4 .cfxui__RichInput__renderer__8b298{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 1920px){.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizelarge-large__13d43 input,.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizelarge-large__13d43 .cfxui__RichInput__renderer__8b298{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 1920px){.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizelarge-small__de800 input,.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizelarge-small__de800 .cfxui__RichInput__renderer__8b298{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 2560px){.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizexlarge-large__fe171 input,.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizexlarge-large__fe171 .cfxui__RichInput__renderer__8b298{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 2560px){.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizexlarge-small__32365 input,.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizexlarge-small__32365 .cfxui__RichInput__renderer__8b298{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}
|
|
1
|
+
.cfxui__RichInput__root__57e6e{position:relative;display:inline-block;border-radius:var(--border-radius-small);--backdrop-color: var(--color-input-background);--over-backdrop-color: var(--backdrop-color, transparent);--over-backdrop-image-blur: var(--backdrop-image-blur, url(data:image/png;base64,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));background-color:var(--over-backdrop-color, initial);background-image:linear-gradient(var(--over-backdrop-color, initial),var(--over-backdrop-color, initial)),linear-gradient(var(--color-backdrop-shader),var(--color-backdrop-shader)),var(--over-backdrop-image-blur, initial),var(--over-backdrop-image-blur, initial);background-blend-mode:normal,normal,overlay;background-size:cover,cover,cover,cover;background-attachment:scroll,scroll,fixed,fixed}.cfxui__RichInput__root__57e6e input{padding:0 var(--offset-medium);border:none;position:absolute;width:100%;top:0;left:0;background-color:transparent;z-index:1;font-size:var(--font-size-xsmall);height:var(--control-height-normal);color:var(--color-input-text);font-weight:var(--font-weight-normal);font-family:var(--font-family-primary);border-radius:var(--border-radius-small);--input-border-color: var(--color-input-border);box-shadow:0 0 0 var(--input-border-size, initial) var(--input-border-color, initial) inset;background-color:var(--color-input-background)}.cfxui__RichInput__root__57e6e input::placeholder{color:var(--color-input-placeholder)}.cfxui__RichInput__root__57e6e input::-webkit-input-placeholder{color:var(--color-input-placeholder)}.cfxui__RichInput__root__57e6e input::-moz-placeholder{color:var(--color-input-placeholder)}.cfxui__RichInput__root__57e6e input:-ms-input-placeholder{color:var(--color-input-placeholder)}.cfxui__RichInput__root__57e6e input:disabled{--input-border-color: var(--color-input-disabled-border);cursor:not-allowed;opacity:.5}.cfxui__RichInput__root__57e6e input:not(:disabled):hover{--input-border-color: var(--color-input-hover-border)}.cfxui__RichInput__root__57e6e input:not(:disabled):hover::placeholder{color:var(--color-input-placeholder-hover)}.cfxui__RichInput__root__57e6e input:not(:disabled):hover::-webkit-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__RichInput__root__57e6e input:not(:disabled):hover::-moz-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__RichInput__root__57e6e input:not(:disabled):hover:-ms-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__RichInput__root__57e6e input:not(:disabled):focus-visible,.cfxui__RichInput__root__57e6e input:not(:disabled):focus-visible:hover{--input-border-color: var(--color-input-focus-border)}.cfxui__RichInput__root__57e6e input:not(:disabled):focus-visible::placeholder,.cfxui__RichInput__root__57e6e input:not(:disabled):focus-visible:hover::placeholder{color:transparent}.cfxui__RichInput__root__57e6e input:not(:disabled):focus-visible::-webkit-input-placeholder,.cfxui__RichInput__root__57e6e input:not(:disabled):focus-visible:hover::-webkit-input-placeholder{color:transparent}.cfxui__RichInput__root__57e6e input:not(:disabled):focus-visible::-moz-placeholder,.cfxui__RichInput__root__57e6e input:not(:disabled):focus-visible:hover::-moz-placeholder{color:transparent}.cfxui__RichInput__root__57e6e input:not(:disabled):focus-visible:-ms-input-placeholder,.cfxui__RichInput__root__57e6e input:not(:disabled):focus-visible:hover:-ms-input-placeholder{color:transparent}.cfxui__RichInput__root__57e6e input::placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__RichInput__root__57e6e input::-webkit-input-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__RichInput__root__57e6e input::-moz-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__RichInput__root__57e6e input:-ms-input-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__RichInput__root__57e6e input{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__RichInput__root__57e6e input[type=search]::-ms-clear,.cfxui__RichInput__root__57e6e input[type=search]::-ms-reveal{display:none;width:0;height:0}.cfxui__RichInput__root__57e6e input[type=search]::-webkit-search-decoration,.cfxui__RichInput__root__57e6e input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.cfxui__RichInput__root__57e6e input[type=search]{padding-right:calc(var(--offset-medium) + var(--offset-large));-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}.cfxui__RichInput__root__57e6e .cfxui__RichInput__renderer__8b298{color:transparent;position:absolute;left:var(--offset-medium);right:var(--offset-medium);padding:var(--offset-medium) 0;height:unset!important;white-space:pre;overflow:auto visible;-webkit-user-select:none;user-select:none;scrollbar-width:none;font-size:var(--font-size-xsmall);height:var(--control-height-normal);color:var(--color-input-text);font-weight:var(--font-weight-normal);font-family:var(--font-family-primary)}.cfxui__RichInput__root__57e6e .cfxui__RichInput__renderer__8b298::-webkit-scrollbar{display:none}.cfxui__RichInput__root__57e6e .cfxui__RichInput__clear__5538b{position:absolute;display:flex;align-items:center;justify-content:center;top:0;right:0;bottom:0;padding-right:var(--offset-medium);z-index:2}.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizeinitial-large__4991c input,.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizeinitial-large__4991c .cfxui__RichInput__renderer__8b298{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizeinitial-small__cb0af input,.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizeinitial-small__cb0af .cfxui__RichInput__renderer__8b298{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}@media (min-width: 360px){.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizesmall-large__d8bc8 input,.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizesmall-large__d8bc8 .cfxui__RichInput__renderer__8b298{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 360px){.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizesmall-small__2f49a input,.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizesmall-small__2f49a .cfxui__RichInput__renderer__8b298{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 640px){.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizesmall-medium-large__e3523 input,.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizesmall-medium-large__e3523 .cfxui__RichInput__renderer__8b298{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 640px){.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizesmall-medium-small__a84f9 input,.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizesmall-medium-small__a84f9 .cfxui__RichInput__renderer__8b298{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 1024px){.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizemedium-large__80e93 input,.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizemedium-large__80e93 .cfxui__RichInput__renderer__8b298{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 1024px){.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizemedium-small__f42a7 input,.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizemedium-small__f42a7 .cfxui__RichInput__renderer__8b298{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 1280px){.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizemedium-large-large__b8650 input,.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizemedium-large-large__b8650 .cfxui__RichInput__renderer__8b298{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 1280px){.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizemedium-large-small__30be4 input,.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizemedium-large-small__30be4 .cfxui__RichInput__renderer__8b298{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 1920px){.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizelarge-large__13d43 input,.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizelarge-large__13d43 .cfxui__RichInput__renderer__8b298{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 1920px){.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizelarge-small__de800 input,.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizelarge-small__de800 .cfxui__RichInput__renderer__8b298{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 2560px){.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizexlarge-large__fe171 input,.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizexlarge-large__fe171 .cfxui__RichInput__renderer__8b298{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 2560px){.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizexlarge-small__32365 input,.cfxui__RichInput__root__57e6e.cfxui__RichInput__richinputSizexlarge-small__32365 .cfxui__RichInput__renderer__8b298{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.cfxui__Select__trigger__232e4{width:100%;padding:0 var(--offset-medium);border:none;display:inline-flex;align-items:center;justify-content:space-between;width:auto;font-size:var(--font-size-xsmall);height:var(--control-height-normal);color:var(--color-input-text);font-weight:var(--font-weight-normal);font-family:var(--font-family-primary);border-radius:var(--border-radius-small);background-color:var(--color-input-background);box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-border) inset}.cfxui__Select__trigger__232e4::placeholder{color:var(--color-input-placeholder)}.cfxui__Select__trigger__232e4::-webkit-input-placeholder{color:var(--color-input-placeholder)}.cfxui__Select__trigger__232e4::-moz-placeholder{color:var(--color-input-placeholder)}.cfxui__Select__trigger__232e4:-ms-input-placeholder{color:var(--color-input-placeholder)}.cfxui__Select__trigger__232e4:disabled{cursor:not-allowed;opacity:.5;box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-disabled-border) inset}.cfxui__Select__trigger__232e4:not(:disabled):hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-hover-border) inset}.cfxui__Select__trigger__232e4:not(:disabled):hover::placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Select__trigger__232e4:not(:disabled):hover::-webkit-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Select__trigger__232e4:not(:disabled):hover::-moz-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Select__trigger__232e4:not(:disabled):hover:-ms-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Select__trigger__232e4:not(:disabled):focus-visible,.cfxui__Select__trigger__232e4:not(:disabled):focus-visible:hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-focus-border) inset}.cfxui__Select__trigger__232e4:not(:disabled):focus-visible::placeholder,.cfxui__Select__trigger__232e4:not(:disabled):focus-visible:hover::placeholder{color:transparent}.cfxui__Select__trigger__232e4:not(:disabled):focus-visible::-webkit-input-placeholder,.cfxui__Select__trigger__232e4:not(:disabled):focus-visible:hover::-webkit-input-placeholder{color:transparent}.cfxui__Select__trigger__232e4:not(:disabled):focus-visible::-moz-placeholder,.cfxui__Select__trigger__232e4:not(:disabled):focus-visible:hover::-moz-placeholder{color:transparent}.cfxui__Select__trigger__232e4:not(:disabled):focus-visible:-ms-input-placeholder,.cfxui__Select__trigger__232e4:not(:disabled):focus-visible:hover:-ms-input-placeholder{color:transparent}.cfxui__Select__trigger__232e4::placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Select__trigger__232e4::-webkit-input-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Select__trigger__232e4::-moz-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Select__trigger__232e4:-ms-input-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Select__trigger__232e4{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Select__trigger__232e4[type=search]::-ms-clear,.cfxui__Select__trigger__232e4[type=search]::-ms-reveal{display:none;width:0;height:0}.cfxui__Select__trigger__232e4[type=search]::-webkit-search-decoration,.cfxui__Select__trigger__232e4[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.cfxui__Select__trigger__232e4[type=search]{padding-right:calc(var(--offset-medium) + var(--offset-large));-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}.cfxui__Select__trigger__232e4:not(:disabled){cursor:pointer}.cfxui__Select__trigger__232e4[data-placeholder]{color:var(--color-input-placeholder)}.cfxui__Select__trigger__232e4[data-placeholder]:hover,.cfxui__Select__trigger__232e4[data-placeholder]:focus{color:var(--color-input-placeholder-hover)}.cfxui__Select__trigger__232e4.cfxui__Select__fullWidth__739d7{width:100%}.cfxui__Select__icon__36b6c{margin-left:var(--quant)}.cfxui__Select__content__067da{padding:var(--border-radius-xsmall) 0;border-radius:var(--border-radius-xsmall);background-color:var(--color-interactive-list-background);box-shadow:var(--shadow-large, initial);z-index:2;animation:cfxui__Select__app__e0114 ease .2s}.cfxui__Select__content__067da .cfxui__Select__arrow__8e7eb{display:flex;align-items:center;justify-content:center}.cfxui__Select__content__067da .cfxui__Select__arrow__8e7eb:hover{background-color:var(--color-interactive-list-item-hover-background)}.cfxui__Select__content__067da .cfxui__Select__option__2de5d{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:var(--offset-small) var(--offset-normal);color:var(--color-input-text);font-weight:var(--font-weight-normal);font-family:var(--font-family-primary);font-size:var(--font-size-xsmall);height:var(--control-height-normal);background-color:var(--color-interactive-list-item-background)}.cfxui__Select__content__067da .cfxui__Select__option__2de5d[data-state=checked]{background-color:var(--color-interactive-list-item-active-background)}.cfxui__Select__content__067da .cfxui__Select__option__2de5d[data-highlighted]{background-color:var(--color-interactive-list-item-hover-background)}.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-xsmall, initial);height:var(--font-size-xsmall, initial)}.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-xsmall, initial);height:var(--font-size-xsmall, initial)}@keyframes cfxui__Select__app__e0114{0%{opacity:0}to{opacity:1}}.cfxui__Select__select-size-initial-large__5e47d.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-initial-large__5e47d.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__Select__select-size-initial-large__5e47d.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Select__select-size-initial-large__5e47d.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Select__select-size-initial-small__5ae12.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-initial-small__5ae12.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__Select__select-size-initial-small__5ae12.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Select__select-size-initial-small__5ae12.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}@media (min-width: 360px){.cfxui__Select__select-size-small-large__79811.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-small-large__79811.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__Select__select-size-small-large__79811.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Select__select-size-small-large__79811.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}}@media (min-width: 360px){.cfxui__Select__select-size-small-small__1c10c.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-small-small__1c10c.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__Select__select-size-small-small__1c10c.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Select__select-size-small-small__1c10c.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}}@media (min-width: 640px){.cfxui__Select__select-size-small-medium-large__0bc35.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-small-medium-large__0bc35.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__Select__select-size-small-medium-large__0bc35.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Select__select-size-small-medium-large__0bc35.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}}@media (min-width: 640px){.cfxui__Select__select-size-small-medium-small__82515.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-small-medium-small__82515.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__Select__select-size-small-medium-small__82515.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Select__select-size-small-medium-small__82515.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}}@media (min-width: 1024px){.cfxui__Select__select-size-medium-large__e0eb0.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-medium-large__e0eb0.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__Select__select-size-medium-large__e0eb0.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Select__select-size-medium-large__e0eb0.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}}@media (min-width: 1024px){.cfxui__Select__select-size-medium-small__2c904.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-medium-small__2c904.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__Select__select-size-medium-small__2c904.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Select__select-size-medium-small__2c904.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}}@media (min-width: 1280px){.cfxui__Select__select-size-medium-large-large__a66c1.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-medium-large-large__a66c1.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__Select__select-size-medium-large-large__a66c1.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Select__select-size-medium-large-large__a66c1.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}}@media (min-width: 1280px){.cfxui__Select__select-size-medium-large-small__7dce3.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-medium-large-small__7dce3.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__Select__select-size-medium-large-small__7dce3.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Select__select-size-medium-large-small__7dce3.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}}@media (min-width: 1920px){.cfxui__Select__select-size-large-large__88062.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-large-large__88062.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__Select__select-size-large-large__88062.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Select__select-size-large-large__88062.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}}@media (min-width: 1920px){.cfxui__Select__select-size-large-small__fb50b.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-large-small__fb50b.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__Select__select-size-large-small__fb50b.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Select__select-size-large-small__fb50b.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}}@media (min-width: 2560px){.cfxui__Select__select-size-xlarge-large__5abb1.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-xlarge-large__5abb1.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__Select__select-size-xlarge-large__5abb1.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Select__select-size-xlarge-large__5abb1.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}}@media (min-width: 2560px){.cfxui__Select__select-size-xlarge-small__5ddbb.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-xlarge-small__5ddbb.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__Select__select-size-xlarge-small__5ddbb.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Select__select-size-xlarge-small__5ddbb.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}}
|
|
1
|
+
.cfxui__Select__trigger__232e4{width:100%;padding:0 var(--offset-medium);border:none;display:inline-flex;align-items:center;justify-content:space-between;width:auto;font-size:var(--font-size-xsmall);height:var(--control-height-normal);color:var(--color-input-text);font-weight:var(--font-weight-normal);font-family:var(--font-family-primary);border-radius:var(--border-radius-small);--input-border-color: var(--color-input-border);box-shadow:0 0 0 var(--input-border-size, initial) var(--input-border-color, initial) inset;background-color:var(--color-input-background)}.cfxui__Select__trigger__232e4::placeholder{color:var(--color-input-placeholder)}.cfxui__Select__trigger__232e4::-webkit-input-placeholder{color:var(--color-input-placeholder)}.cfxui__Select__trigger__232e4::-moz-placeholder{color:var(--color-input-placeholder)}.cfxui__Select__trigger__232e4:-ms-input-placeholder{color:var(--color-input-placeholder)}.cfxui__Select__trigger__232e4:disabled{--input-border-color: var(--color-input-disabled-border);cursor:not-allowed;opacity:.5}.cfxui__Select__trigger__232e4:not(:disabled):hover{--input-border-color: var(--color-input-hover-border)}.cfxui__Select__trigger__232e4:not(:disabled):hover::placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Select__trigger__232e4:not(:disabled):hover::-webkit-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Select__trigger__232e4:not(:disabled):hover::-moz-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Select__trigger__232e4:not(:disabled):hover:-ms-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Select__trigger__232e4:not(:disabled):focus-visible,.cfxui__Select__trigger__232e4:not(:disabled):focus-visible:hover{--input-border-color: var(--color-input-focus-border)}.cfxui__Select__trigger__232e4:not(:disabled):focus-visible::placeholder,.cfxui__Select__trigger__232e4:not(:disabled):focus-visible:hover::placeholder{color:transparent}.cfxui__Select__trigger__232e4:not(:disabled):focus-visible::-webkit-input-placeholder,.cfxui__Select__trigger__232e4:not(:disabled):focus-visible:hover::-webkit-input-placeholder{color:transparent}.cfxui__Select__trigger__232e4:not(:disabled):focus-visible::-moz-placeholder,.cfxui__Select__trigger__232e4:not(:disabled):focus-visible:hover::-moz-placeholder{color:transparent}.cfxui__Select__trigger__232e4:not(:disabled):focus-visible:-ms-input-placeholder,.cfxui__Select__trigger__232e4:not(:disabled):focus-visible:hover:-ms-input-placeholder{color:transparent}.cfxui__Select__trigger__232e4::placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Select__trigger__232e4::-webkit-input-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Select__trigger__232e4::-moz-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Select__trigger__232e4:-ms-input-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Select__trigger__232e4{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Select__trigger__232e4[type=search]::-ms-clear,.cfxui__Select__trigger__232e4[type=search]::-ms-reveal{display:none;width:0;height:0}.cfxui__Select__trigger__232e4[type=search]::-webkit-search-decoration,.cfxui__Select__trigger__232e4[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.cfxui__Select__trigger__232e4[type=search]{padding-right:calc(var(--offset-medium) + var(--offset-large));-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}.cfxui__Select__trigger__232e4:not(:disabled){cursor:pointer}.cfxui__Select__trigger__232e4[data-placeholder]{color:var(--color-input-placeholder)}.cfxui__Select__trigger__232e4[data-placeholder]:hover,.cfxui__Select__trigger__232e4[data-placeholder]:focus{color:var(--color-input-placeholder-hover)}.cfxui__Select__trigger__232e4.cfxui__Select__fullWidth__739d7{width:100%}.cfxui__Select__icon__36b6c{margin-left:var(--quant)}.cfxui__Select__content__067da{padding:var(--border-radius-xsmall) 0;border-radius:var(--border-radius-xsmall);background-color:var(--color-interactive-list-background);box-shadow:var(--shadow-large, initial);z-index:2;animation:cfxui__Select__app__e0114 ease .2s}.cfxui__Select__content__067da .cfxui__Select__arrow__8e7eb{display:flex;align-items:center;justify-content:center}.cfxui__Select__content__067da .cfxui__Select__arrow__8e7eb:hover{background-color:var(--color-interactive-list-item-hover-background)}.cfxui__Select__content__067da .cfxui__Select__option__2de5d{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:var(--offset-small) var(--offset-normal);color:var(--color-input-text);font-weight:var(--font-weight-normal);font-family:var(--font-family-primary);font-size:var(--font-size-xsmall);height:var(--control-height-normal);background-color:var(--color-interactive-list-item-background)}.cfxui__Select__content__067da .cfxui__Select__option__2de5d[data-state=checked]{background-color:var(--color-interactive-list-item-active-background)}.cfxui__Select__content__067da .cfxui__Select__option__2de5d[data-highlighted]{background-color:var(--color-interactive-list-item-hover-background)}.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-xsmall, initial);height:var(--font-size-xsmall, initial)}.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-xsmall, initial);height:var(--font-size-xsmall, initial)}@keyframes cfxui__Select__app__e0114{0%{opacity:0}to{opacity:1}}.cfxui__Select__select-size-initial-large__5e47d.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-initial-large__5e47d.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__Select__select-size-initial-large__5e47d.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Select__select-size-initial-large__5e47d.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Select__select-size-initial-small__5ae12.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-initial-small__5ae12.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__Select__select-size-initial-small__5ae12.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Select__select-size-initial-small__5ae12.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}@media (min-width: 360px){.cfxui__Select__select-size-small-large__79811.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-small-large__79811.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__Select__select-size-small-large__79811.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Select__select-size-small-large__79811.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}}@media (min-width: 360px){.cfxui__Select__select-size-small-small__1c10c.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-small-small__1c10c.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__Select__select-size-small-small__1c10c.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Select__select-size-small-small__1c10c.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}}@media (min-width: 640px){.cfxui__Select__select-size-small-medium-large__0bc35.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-small-medium-large__0bc35.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__Select__select-size-small-medium-large__0bc35.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Select__select-size-small-medium-large__0bc35.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}}@media (min-width: 640px){.cfxui__Select__select-size-small-medium-small__82515.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-small-medium-small__82515.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__Select__select-size-small-medium-small__82515.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Select__select-size-small-medium-small__82515.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}}@media (min-width: 1024px){.cfxui__Select__select-size-medium-large__e0eb0.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-medium-large__e0eb0.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__Select__select-size-medium-large__e0eb0.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Select__select-size-medium-large__e0eb0.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}}@media (min-width: 1024px){.cfxui__Select__select-size-medium-small__2c904.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-medium-small__2c904.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__Select__select-size-medium-small__2c904.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Select__select-size-medium-small__2c904.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}}@media (min-width: 1280px){.cfxui__Select__select-size-medium-large-large__a66c1.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-medium-large-large__a66c1.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__Select__select-size-medium-large-large__a66c1.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Select__select-size-medium-large-large__a66c1.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}}@media (min-width: 1280px){.cfxui__Select__select-size-medium-large-small__7dce3.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-medium-large-small__7dce3.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__Select__select-size-medium-large-small__7dce3.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Select__select-size-medium-large-small__7dce3.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}}@media (min-width: 1920px){.cfxui__Select__select-size-large-large__88062.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-large-large__88062.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__Select__select-size-large-large__88062.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Select__select-size-large-large__88062.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}}@media (min-width: 1920px){.cfxui__Select__select-size-large-small__fb50b.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-large-small__fb50b.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__Select__select-size-large-small__fb50b.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Select__select-size-large-small__fb50b.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}}@media (min-width: 2560px){.cfxui__Select__select-size-xlarge-large__5abb1.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-xlarge-large__5abb1.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__Select__select-size-xlarge-large__5abb1.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Select__select-size-xlarge-large__5abb1.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}}@media (min-width: 2560px){.cfxui__Select__select-size-xlarge-small__5ddbb.cfxui__Select__trigger__232e4,.cfxui__Select__select-size-xlarge-small__5ddbb.cfxui__Select__content__067da .cfxui__Select__option__2de5d{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__Select__select-size-xlarge-small__5ddbb.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Select__select-size-xlarge-small__5ddbb.cfxui__Select__content__067da .cfxui__Select__option__2de5d .cfxui__Select__tickIcon__71e80 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.cfxui__StyledInput__root__37064{width:100%;padding:0 var(--offset-medium);border:none;flex-grow:1;font-size:var(--font-size-xsmall);height:var(--control-height-normal);color:var(--color-input-text);font-weight:var(--font-weight-normal);font-family:var(--font-family-primary);border-radius:var(--border-radius-small)
|
|
1
|
+
.cfxui__StyledInput__root__37064{width:100%;padding:0 var(--offset-medium);border:none;flex-grow:1;font-size:var(--font-size-xsmall);height:var(--control-height-normal);color:var(--color-input-text);font-weight:var(--font-weight-normal);font-family:var(--font-family-primary);border-radius:var(--border-radius-small);--input-border-color: var(--color-input-border);box-shadow:0 0 0 var(--input-border-size, initial) var(--input-border-color, initial) inset;background-color:var(--color-input-background)}.cfxui__StyledInput__root__37064::placeholder{color:var(--color-input-placeholder)}.cfxui__StyledInput__root__37064::-webkit-input-placeholder{color:var(--color-input-placeholder)}.cfxui__StyledInput__root__37064::-moz-placeholder{color:var(--color-input-placeholder)}.cfxui__StyledInput__root__37064:-ms-input-placeholder{color:var(--color-input-placeholder)}.cfxui__StyledInput__root__37064:disabled{--input-border-color: var(--color-input-disabled-border);cursor:not-allowed;opacity:.5}.cfxui__StyledInput__root__37064:not(:disabled):hover{--input-border-color: var(--color-input-hover-border)}.cfxui__StyledInput__root__37064:not(:disabled):hover::placeholder{color:var(--color-input-placeholder-hover)}.cfxui__StyledInput__root__37064:not(:disabled):hover::-webkit-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__StyledInput__root__37064:not(:disabled):hover::-moz-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__StyledInput__root__37064:not(:disabled):hover:-ms-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__StyledInput__root__37064:not(:disabled):focus-visible,.cfxui__StyledInput__root__37064:not(:disabled):focus-visible:hover{--input-border-color: var(--color-input-focus-border)}.cfxui__StyledInput__root__37064:not(:disabled):focus-visible::placeholder,.cfxui__StyledInput__root__37064:not(:disabled):focus-visible:hover::placeholder{color:transparent}.cfxui__StyledInput__root__37064:not(:disabled):focus-visible::-webkit-input-placeholder,.cfxui__StyledInput__root__37064:not(:disabled):focus-visible:hover::-webkit-input-placeholder{color:transparent}.cfxui__StyledInput__root__37064:not(:disabled):focus-visible::-moz-placeholder,.cfxui__StyledInput__root__37064:not(:disabled):focus-visible:hover::-moz-placeholder{color:transparent}.cfxui__StyledInput__root__37064:not(:disabled):focus-visible:-ms-input-placeholder,.cfxui__StyledInput__root__37064:not(:disabled):focus-visible:hover:-ms-input-placeholder{color:transparent}.cfxui__StyledInput__root__37064::placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__StyledInput__root__37064::-webkit-input-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__StyledInput__root__37064::-moz-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__StyledInput__root__37064:-ms-input-placeholder{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__StyledInput__root__37064{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__StyledInput__root__37064[type=search]::-ms-clear,.cfxui__StyledInput__root__37064[type=search]::-ms-reveal{display:none;width:0;height:0}.cfxui__StyledInput__root__37064[type=search]::-webkit-search-decoration,.cfxui__StyledInput__root__37064[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.cfxui__StyledInput__root__37064[type=search]{padding-right:calc(var(--offset-medium) + var(--offset-large));-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}.cfxui__StyledInput__root__37064.cfxui__StyledInput__small__0f240{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__large__a3ad2{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f{--input-border-color: var(--color-input-onlight-border);box-shadow:0 0 0 var(--input-border-size, initial) var(--input-border-color, initial) inset;background-color:var(--color-input-background)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f::placeholder{color:var(--color-input-placeholder)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f::-webkit-input-placeholder{color:var(--color-input-placeholder)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f::-moz-placeholder{color:var(--color-input-placeholder)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:-ms-input-placeholder{color:var(--color-input-placeholder)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:disabled{--input-border-color: var(--color-input-onlight-disabled-border);cursor:not-allowed;opacity:.5}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):hover{--input-border-color: var(--color-input-onlight-hover-border)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):hover::placeholder{color:var(--color-input-placeholder-hover)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):hover::-webkit-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):hover::-moz-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):hover:-ms-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):focus-visible,.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):focus-visible:hover{--input-border-color: var(--color-input-onlight-focus-border)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):focus-visible::placeholder,.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):focus-visible:hover::placeholder{color:transparent}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):focus-visible::-webkit-input-placeholder,.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):focus-visible:hover::-webkit-input-placeholder{color:transparent}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):focus-visible::-moz-placeholder,.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):focus-visible:hover::-moz-placeholder{color:transparent}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):focus-visible:-ms-input-placeholder,.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):focus-visible:hover:-ms-input-placeholder{color:transparent}.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSize-initial-large__43033{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSize-initial-small__6e9de{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}@media (min-width: 360px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSize-small-large__77186{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 360px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSize-small-small__968a4{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 640px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSize-small-medium-large__96f91{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 640px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSize-small-medium-small__0a42b{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 1024px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSize-medium-large__e552f{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 1024px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSize-medium-small__28227{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 1280px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSize-medium-large-large__0c8e8{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 1280px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSize-medium-large-small__35702{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 1920px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSize-large-large__7dfe8{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 1920px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSize-large-small__69180{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 2560px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSize-xlarge-large__f4d6e{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 2560px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSize-xlarge-small__b60c7{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as s, jsxs as w, Fragment as $ } from "react/jsx-runtime";
|
|
2
2
|
import * as l from "react";
|
|
3
3
|
import G from "react";
|
|
4
|
-
import { c as K, P as g,
|
|
4
|
+
import { c as K, P as g, u as X, b as B, a as q, d as J } from "../../index-CfQtbUfi.js";
|
|
5
5
|
import { u as Q } from "../../index-BZPx6jYI.js";
|
|
6
|
-
import { P as V } from "../../index-
|
|
6
|
+
import { P as V } from "../../index-3ctv5u9o.js";
|
|
7
7
|
import "../Icons/cfx-icons/Close.js";
|
|
8
8
|
import "../Icons/cfx-icons/Controller.js";
|
|
9
9
|
import "../Icons/cfx-icons/Copy.js";
|
|
@@ -58,7 +58,7 @@ import "../Icons/cfx-icons-big/Warning.js";
|
|
|
58
58
|
import "../Icons/cfx-icons-big/Confirm.js";
|
|
59
59
|
import { clsx as N } from "../../utils/clsx.js";
|
|
60
60
|
import { getColor as Z } from "../../utils/color.js";
|
|
61
|
-
var R = "Checkbox", [ee,
|
|
61
|
+
var R = "Checkbox", [ee, bo] = K(R), [oe, E] = ee(R);
|
|
62
62
|
function te(o) {
|
|
63
63
|
const {
|
|
64
64
|
__scopeCheckbox: a,
|
|
@@ -70,10 +70,10 @@ function te(o) {
|
|
|
70
70
|
name: _,
|
|
71
71
|
onCheckedChange: d,
|
|
72
72
|
required: h,
|
|
73
|
-
value:
|
|
73
|
+
value: b = "on",
|
|
74
74
|
// @ts-expect-error
|
|
75
75
|
internal_do_not_use_render: p
|
|
76
|
-
} = o, [i,
|
|
76
|
+
} = o, [i, C] = X({
|
|
77
77
|
prop: n,
|
|
78
78
|
defaultProp: r ?? !1,
|
|
79
79
|
onChange: d,
|
|
@@ -84,12 +84,12 @@ function te(o) {
|
|
|
84
84
|
), P = {
|
|
85
85
|
checked: i,
|
|
86
86
|
disabled: e,
|
|
87
|
-
setChecked:
|
|
87
|
+
setChecked: C,
|
|
88
88
|
control: u,
|
|
89
89
|
setControl: k,
|
|
90
90
|
name: _,
|
|
91
91
|
form: f,
|
|
92
|
-
value:
|
|
92
|
+
value: b,
|
|
93
93
|
hasConsumerStoppedPropagationRef: c,
|
|
94
94
|
required: h,
|
|
95
95
|
defaultChecked: v(r) ? !1 : r,
|
|
@@ -114,12 +114,12 @@ var T = "CheckboxTrigger", M = l.forwardRef(
|
|
|
114
114
|
disabled: _,
|
|
115
115
|
checked: d,
|
|
116
116
|
required: h,
|
|
117
|
-
setControl:
|
|
117
|
+
setControl: b,
|
|
118
118
|
setChecked: p,
|
|
119
119
|
hasConsumerStoppedPropagationRef: i,
|
|
120
|
-
isFormControl:
|
|
120
|
+
isFormControl: C,
|
|
121
121
|
bubbleInput: u
|
|
122
|
-
} = E(T, o), k = B(r,
|
|
122
|
+
} = E(T, o), k = B(r, b), I = l.useRef(d);
|
|
123
123
|
return l.useEffect(() => {
|
|
124
124
|
const t = e == null ? void 0 : e.form;
|
|
125
125
|
if (t) {
|
|
@@ -143,7 +143,7 @@ var T = "CheckboxTrigger", M = l.forwardRef(
|
|
|
143
143
|
t.key === "Enter" && t.preventDefault();
|
|
144
144
|
}),
|
|
145
145
|
onClick: q(n, (t) => {
|
|
146
|
-
p((c) => v(c) ? !0 : !c), u &&
|
|
146
|
+
p((c) => v(c) ? !0 : !c), u && C && (i.current = t.isPropagationStopped(), i.current || t.stopPropagation());
|
|
147
147
|
})
|
|
148
148
|
}
|
|
149
149
|
);
|
|
@@ -161,7 +161,7 @@ var U = l.forwardRef(
|
|
|
161
161
|
disabled: _,
|
|
162
162
|
value: d,
|
|
163
163
|
onCheckedChange: h,
|
|
164
|
-
form:
|
|
164
|
+
form: b,
|
|
165
165
|
...p
|
|
166
166
|
} = o;
|
|
167
167
|
return /* @__PURE__ */ s(
|
|
@@ -174,7 +174,7 @@ var U = l.forwardRef(
|
|
|
174
174
|
required: f,
|
|
175
175
|
onCheckedChange: h,
|
|
176
176
|
name: m,
|
|
177
|
-
form:
|
|
177
|
+
form: b,
|
|
178
178
|
value: d,
|
|
179
179
|
internal_do_not_use_render: ({ isFormControl: i }) => /* @__PURE__ */ w($, { children: [
|
|
180
180
|
/* @__PURE__ */ s(
|
|
@@ -229,11 +229,11 @@ var F = "CheckboxBubbleInput", L = l.forwardRef(
|
|
|
229
229
|
required: _,
|
|
230
230
|
disabled: d,
|
|
231
231
|
name: h,
|
|
232
|
-
value:
|
|
232
|
+
value: b,
|
|
233
233
|
form: p,
|
|
234
234
|
bubbleInput: i,
|
|
235
|
-
setBubbleInput:
|
|
236
|
-
} = E(F, o), u = B(n,
|
|
235
|
+
setBubbleInput: C
|
|
236
|
+
} = E(F, o), u = B(n, C), k = Q(e), I = J(m);
|
|
237
237
|
l.useEffect(() => {
|
|
238
238
|
const c = i;
|
|
239
239
|
if (!c) return;
|
|
@@ -256,7 +256,7 @@ var F = "CheckboxBubbleInput", L = l.forwardRef(
|
|
|
256
256
|
required: _,
|
|
257
257
|
disabled: d,
|
|
258
258
|
name: h,
|
|
259
|
-
value:
|
|
259
|
+
value: b,
|
|
260
260
|
form: p,
|
|
261
261
|
...a,
|
|
262
262
|
tabIndex: -1,
|
|
@@ -309,10 +309,10 @@ function de(o) {
|
|
|
309
309
|
squareClassName: _,
|
|
310
310
|
colorToken: d,
|
|
311
311
|
color: h,
|
|
312
|
-
opacity:
|
|
312
|
+
opacity: b,
|
|
313
313
|
luminance: p,
|
|
314
314
|
checked: i,
|
|
315
|
-
name:
|
|
315
|
+
name: C,
|
|
316
316
|
iconIndicator: u = z,
|
|
317
317
|
iconSquare: k = W,
|
|
318
318
|
...I
|
|
@@ -341,11 +341,11 @@ function de(o) {
|
|
|
341
341
|
style: { color: t },
|
|
342
342
|
className: c,
|
|
343
343
|
children: [
|
|
344
|
-
|
|
344
|
+
C && /* @__PURE__ */ s(
|
|
345
345
|
"input",
|
|
346
346
|
{
|
|
347
347
|
type: "hidden",
|
|
348
|
-
name:
|
|
348
|
+
name: C,
|
|
349
349
|
value: i ? "on" : ""
|
|
350
350
|
}
|
|
351
351
|
),
|
|
@@ -355,7 +355,7 @@ function de(o) {
|
|
|
355
355
|
}
|
|
356
356
|
);
|
|
357
357
|
}
|
|
358
|
-
const
|
|
358
|
+
const Co = G.memo(de);
|
|
359
359
|
export {
|
|
360
|
-
|
|
360
|
+
Co as default
|
|
361
361
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as f, jsx as l } from "react/jsx-runtime";
|
|
2
|
-
import { g as W, R as N, T as R, D as v } from "../../DropdownContent-
|
|
2
|
+
import { g as W, R as N, T as R, D as v } from "../../DropdownContent-MvHlrWi6.js";
|
|
3
3
|
import _, { useRef as b, useState as z, useEffect as I } from "react";
|
|
4
4
|
import T from "../Flex/Flex.js";
|
|
5
5
|
import { clsx as j } from "../../utils/clsx.js";
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import { jsxs as R, jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import { R as p, T as w, a as N, b as s } from "../../index-D5SMGei3.js";
|
|
3
|
+
import L from "react";
|
|
4
|
+
import { clsx as r } from "../../utils/clsx.js";
|
|
5
|
+
const k = "cfxui__Range__root__9b6c3", v = "cfxui__Range__disabled__1bbc7", I = "cfxui__Range__track__28130", T = "cfxui__Range__range__2adcc", V = "cfxui__Range__thumb__905e9", B = "cfxui__Range__thumbIcon__acb4e", e = {
|
|
6
|
+
root: k,
|
|
7
|
+
disabled: v,
|
|
8
|
+
track: I,
|
|
9
|
+
range: T,
|
|
10
|
+
thumb: V,
|
|
11
|
+
thumbIcon: B
|
|
12
|
+
};
|
|
13
|
+
function j(t) {
|
|
14
|
+
return /* @__PURE__ */ a(
|
|
15
|
+
"svg",
|
|
16
|
+
{
|
|
17
|
+
viewBox: "0 0 16 22",
|
|
18
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
19
|
+
...t,
|
|
20
|
+
children: /* @__PURE__ */ a(
|
|
21
|
+
"path",
|
|
22
|
+
{
|
|
23
|
+
fill: "currentColor",
|
|
24
|
+
d: "M0 1.74333C0 0.595035 1.29793 -0.0729044 2.23234 0.594526L15.1917 9.8512C15.9799 10.4142 15.9799 11.5858 15.1917 12.1488L2.23234 21.4055C1.29793 22.0729 0 21.405 0 20.2567V1.74333Z"
|
|
25
|
+
}
|
|
26
|
+
)
|
|
27
|
+
}
|
|
28
|
+
);
|
|
29
|
+
}
|
|
30
|
+
function M(t) {
|
|
31
|
+
return /* @__PURE__ */ a(
|
|
32
|
+
"svg",
|
|
33
|
+
{
|
|
34
|
+
viewBox: "0 0 16 22",
|
|
35
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
36
|
+
...t,
|
|
37
|
+
children: /* @__PURE__ */ a(
|
|
38
|
+
"path",
|
|
39
|
+
{
|
|
40
|
+
fill: "currentColor",
|
|
41
|
+
d: "M15.8 20.2567C15.8 21.405 14.5021 22.0729 13.5677 21.4055L0.608372 12.1488C-0.179886 11.5858 -0.179887 10.4142 0.608371 9.8512L13.5677 0.594526C14.5021 -0.0729047 15.8001 0.595036 15.8001 1.74333L15.8 20.2567Z"
|
|
42
|
+
}
|
|
43
|
+
)
|
|
44
|
+
}
|
|
45
|
+
);
|
|
46
|
+
}
|
|
47
|
+
function P(t) {
|
|
48
|
+
const {
|
|
49
|
+
value: o,
|
|
50
|
+
defaultValue: l,
|
|
51
|
+
ariaLabelStart: u,
|
|
52
|
+
ariaLabelEnd: _,
|
|
53
|
+
className: i,
|
|
54
|
+
trackClassName: m,
|
|
55
|
+
min: b = 0,
|
|
56
|
+
max: h,
|
|
57
|
+
minStepsBetweenThumbs: d = 1,
|
|
58
|
+
onValueChange: n,
|
|
59
|
+
ref: f,
|
|
60
|
+
disabled: c = !1,
|
|
61
|
+
...g
|
|
62
|
+
} = t, x = L.useCallback((C) => {
|
|
63
|
+
n && n(C);
|
|
64
|
+
}, [n]);
|
|
65
|
+
return /* @__PURE__ */ R(
|
|
66
|
+
p,
|
|
67
|
+
{
|
|
68
|
+
...g,
|
|
69
|
+
defaultValue: l,
|
|
70
|
+
ref: f,
|
|
71
|
+
min: b,
|
|
72
|
+
max: h,
|
|
73
|
+
value: o,
|
|
74
|
+
minStepsBetweenThumbs: d,
|
|
75
|
+
className: r(e.root, i, {
|
|
76
|
+
[e.disabled]: c
|
|
77
|
+
}),
|
|
78
|
+
onValueChange: x,
|
|
79
|
+
disabled: c,
|
|
80
|
+
children: [
|
|
81
|
+
/* @__PURE__ */ a(w, { className: r(e.track, m), children: /* @__PURE__ */ a(N, { className: e.range }) }),
|
|
82
|
+
/* @__PURE__ */ a(s, { className: e.thumb, "aria-label": u, children: /* @__PURE__ */ a(j, { className: e.thumbIcon }) }),
|
|
83
|
+
/* @__PURE__ */ a(s, { className: e.thumb, "aria-label": _, children: /* @__PURE__ */ a(M, { className: e.thumbIcon }) })
|
|
84
|
+
]
|
|
85
|
+
}
|
|
86
|
+
);
|
|
87
|
+
}
|
|
88
|
+
export {
|
|
89
|
+
P as default
|
|
90
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import * as RadixSlider from '@radix-ui/react-slider';
|
|
3
|
+
export interface RangeProps extends RadixSlider.SliderProps {
|
|
4
|
+
ariaLabelStart?: string;
|
|
5
|
+
ariaLabelEnd?: string;
|
|
6
|
+
ref?: React.Ref<HTMLSpanElement>;
|
|
7
|
+
className?: string;
|
|
8
|
+
trackClassName?: string;
|
|
9
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { StyledInputProps } from '../StyledInput';
|
|
3
|
+
|
|
4
|
+
export interface RangeInputProps extends Omit<StyledInputProps, 'onChange'> {
|
|
5
|
+
fullWidth?: boolean;
|
|
6
|
+
containerClassName?: string;
|
|
7
|
+
sign?: string;
|
|
8
|
+
onChange?: (value: string) => void;
|
|
9
|
+
onSubmit?: () => void;
|
|
10
|
+
onKeyDown?(event: React.KeyboardEvent<HTMLInputElement>): void;
|
|
11
|
+
}
|
|
12
|
+
declare function RangeInput(props: RangeInputProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export default RangeInput;
|