@cfx-dev/ui-components 4.5.12 → 4.5.14

package/dist/assets/all_css.css

@@ -8,6 +8,7 @@
 @import "./css/ButtonBar.css";
 @import "./css/Center.css";
 @import "./css/Checkbox.css";
+@import "./css/CheckboxShowcase.css";
 @import "./css/ClipboardButton.css";
 @import "./css/ControlBox.css";
 @import "./css/CountryFlag.css";

package/dist/assets/css/Checkbox.css

@@ -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;position:relative}.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__square__029aa{position:relative;top:0;left:0;width:100%;height:100%}.cfxui__Checkbox__root__865aa .cfxui__Checkbox__indicator__2afc0{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.cfxui__Checkbox__root__865aa .cfxui__Checkbox__indicator__2afc0 .cfxui__Checkbox__checked__b4081{width:50%;height:50%}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-small__02440{width:calc(var(--quant) * 2);height:calc(var(--quant) * 2);border-radius:calc(var(--quant) * 2)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-small__02440 .cfxui__Checkbox__indicator__2afc0{width:calc(var(--quant) * 2);height:calc(var(--quant) * 2)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-small__02440 .cfxui__Checkbox__indicator__2afc0 .cfxui__Checkbox__radioIcon__719e7{width:calc(var(--quant) * 2 / 3);height:calc(var(--quant) * 2 / 3)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-small__02440 .cfxui__Checkbox__indicator__2afc0 .cfxui__Checkbox__tickIcon__a7f19{width:calc(var(--quant) * 2 / 2);height:calc(var(--quant) * 2 / 2)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-normal__700f4{width:var(--control-height-xsmall);height:var(--control-height-xsmall);border-radius:var(--control-height-xsmall)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-normal__700f4 .cfxui__Checkbox__indicator__2afc0{width:var(--control-height-xsmall);height:var(--control-height-xsmall)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-normal__700f4 .cfxui__Checkbox__indicator__2afc0 .cfxui__Checkbox__radioIcon__719e7{width:calc(var(--control-height-xsmall) / 3);height:calc(var(--control-height-xsmall) / 3)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-normal__700f4 .cfxui__Checkbox__indicator__2afc0 .cfxui__Checkbox__tickIcon__a7f19{width:calc(var(--control-height-xsmall) / 2);height:calc(var(--control-height-xsmall) / 2)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-large__28529{width:var(--control-height-small);height:var(--control-height-small);border-radius:var(--control-height-small)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-large__28529 .cfxui__Checkbox__indicator__2afc0{width:var(--control-height-small);height:var(--control-height-small)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-large__28529 .cfxui__Checkbox__indicator__2afc0 .cfxui__Checkbox__radioIcon__719e7{width:calc(var(--control-height-small) / 3);height:calc(var(--control-height-small) / 3)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-large__28529 .cfxui__Checkbox__indicator__2afc0 .cfxui__Checkbox__tickIcon__a7f19{width:calc(var(--control-height-small) / 2);height:calc(var(--control-height-small) / 2)}
+.cfxui__Checkbox__rootUnset__cbb57{all:unset}.cfxui__Checkbox__root__865aa{cursor:pointer;display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:relative}.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__square__029aa{position:relative;top:0;left:0;width:100%;height:100%}.cfxui__Checkbox__root__865aa .cfxui__Checkbox__indicator__2afc0{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:50%;height:50%}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-small__02440,.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-small__02440 .cfxui__Checkbox__indicator__2afc0{width:calc(var(--quant) * 2);height:calc(var(--quant) * 2)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-small__02440 .cfxui__Checkbox__indicator__2afc0 .cfxui__Checkbox__radioIcon__719e7{width:calc(var(--quant) * 2 / 3);height:calc(var(--quant) * 2 / 3)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-small__02440 .cfxui__Checkbox__indicator__2afc0 .cfxui__Checkbox__tickIcon__a7f19{width:calc(var(--quant) * 2 / 2);height:calc(var(--quant) * 2 / 2)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-normal__700f4,.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-normal__700f4 .cfxui__Checkbox__indicator__2afc0{width:var(--control-height-xsmall);height:var(--control-height-xsmall)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-normal__700f4 .cfxui__Checkbox__indicator__2afc0 .cfxui__Checkbox__radioIcon__719e7{width:calc(var(--control-height-xsmall) / 3);height:calc(var(--control-height-xsmall) / 3)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-normal__700f4 .cfxui__Checkbox__indicator__2afc0 .cfxui__Checkbox__tickIcon__a7f19{width:calc(var(--control-height-xsmall) / 2);height:calc(var(--control-height-xsmall) / 2)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-large__28529,.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-large__28529 .cfxui__Checkbox__indicator__2afc0{width:var(--control-height-small);height:var(--control-height-small)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-large__28529 .cfxui__Checkbox__indicator__2afc0 .cfxui__Checkbox__radioIcon__719e7{width:calc(var(--control-height-small) / 3);height:calc(var(--control-height-small) / 3)}.cfxui__Checkbox__root__865aa.cfxui__Checkbox__size-large__28529 .cfxui__Checkbox__indicator__2afc0 .cfxui__Checkbox__tickIcon__a7f19{width:calc(var(--control-height-small) / 2);height:calc(var(--control-height-small) / 2)}

package/dist/assets/css/CheckboxShowcase.css

@@ -0,0 +1 @@
+.cfxui__CheckboxShowcase__root__5c0e0{overflow:hidden}.cfxui__CheckboxShowcase__root__5c0e0:not(.cfxui__CheckboxShowcase__checked__e49f9){color:rgba(var(--color-secondary),.2)}.cfxui__CheckboxShowcase__root__5c0e0:not(.cfxui__CheckboxShowcase__checked__e49f9):hover{color:rgba(var(--color-secondary),.6)}.cfxui__CheckboxShowcase__root__5c0e0.cfxui__CheckboxShowcase__checked__e49f9{color:rgba(var(--color-tertiary),1)}.cfxui__CheckboxShowcase__root__5c0e0.cfxui__CheckboxShowcase__checked__e49f9 .cfxui__CheckboxShowcase__icon__686ec{color:rgba(var(--color-bg),1);background-color:rgba(var(--color-tertiary),1);box-shadow:0 0 0 calc(var(--quant) * .175) rgba(var(--color-tertiary),1)}

package/dist/assets/css/Input.css

@@ -1 +1 @@
-.cfxui__Input__root__6392b{position:relative;display:inline-flex}.cfxui__Input__root__6392b.cfxui__Input__fullWidth__5a033{width:100%}.cfxui__Input__root__6392b:not(.cfxui__Input__empty__3b36a) .cfxui__Input__placeholderIcon__4d079,.cfxui__Input__root__6392b .cfxui__Input__input__07830:focus+.cfxui__Input__placeholderIcon__4d079,.cfxui__Input__root__6392b .cfxui__Input__input__07830:focus-visible+.cfxui__Input__placeholderIcon__4d079{display:none}.cfxui__Input__root__6392b .cfxui__Input__decorator__3b81f{position:absolute;display:flex;align-items:center;gap:var(--offset-normal);bottom:var(--input-border-size, initial);right:var(--offset-small);height:calc(var(--control-height-normal) - var(--input-border-size, initial) * 2)}.cfxui__Input__root__6392b .cfxui__Input__placeholderIcon__4d079{position:absolute;left:var(--offset-medium);top:50%;transform:translateY(-50%);color:var(--color-input-placeholder);width:var(--font-size-xsmall, initial);height:var(--font-size-xsmall, initial)}.cfxui__Input__root__6392b .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xsmall, initial);height:var(--font-size-xsmall, initial)}.cfxui__Input__root__6392b .cfxui__Input__placeholderIcon__4d079{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Input__root__6392b.cfxui__Input__small__c1513 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__small__c1513 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__small__c1513 .cfxui__Input__decorator__3b81f{height:var(--control-height-small);right:var(--offset-small)}.cfxui__Input__root__6392b.cfxui__Input__large__92d72 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__large__92d72 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__large__92d72 .cfxui__Input__decorator__3b81f{height:var(--control-height-large);right:var(--offset-normal)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830{background-color:var(--color-input-background);box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-border) inset}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830::placeholder{color:var(--color-input-placeholder)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830::-webkit-input-placeholder{color:var(--color-input-placeholder)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830::-moz-placeholder{color:var(--color-input-placeholder)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:-ms-input-placeholder{color:var(--color-input-placeholder)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:disabled{cursor:not-allowed;opacity:.5;box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-disabled-border) inset}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-hover-border) inset}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):hover::placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):hover::-webkit-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):hover::-moz-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):hover:-ms-input-placeholder{color:var(--color-input-placeholder-hover)}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):focus-visible,.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):focus-visible:hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-focus-border) inset}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):focus-visible::placeholder,.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):focus-visible:hover::placeholder{color:transparent}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):focus-visible::-webkit-input-placeholder,.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):focus-visible:hover::-webkit-input-placeholder{color:transparent}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):focus-visible::-moz-placeholder,.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):focus-visible:hover::-moz-placeholder{color:transparent}.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):focus-visible:-ms-input-placeholder,.cfxui__Input__root__6392b.cfxui__Input__onlight__7d0b7 .cfxui__Input__input__07830:not(:disabled):focus-visible:hover:-ms-input-placeholder{color:transparent}.cfxui__Input__root__6392b.cfxui__Input__backdropBlur__fdde1 .cfxui__Input__input__07830{--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__Input__root__6392b.cfxui__Input__inputSizeinitial-large__12afb .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizeinitial-large__12afb .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizeinitial-large__12afb .cfxui__Input__decorator__3b81f{height:var(--control-height-large);right:var(--offset-normal)}.cfxui__Input__root__6392b.cfxui__Input__inputSizeinitial-small__33905 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizeinitial-small__33905 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizeinitial-small__33905 .cfxui__Input__decorator__3b81f{height:var(--control-height-small);right:var(--offset-small)}@media (min-width: 360px){.cfxui__Input__root__6392b.cfxui__Input__inputSizesmall-large__e2689 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizesmall-large__e2689 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizesmall-large__e2689 .cfxui__Input__decorator__3b81f{height:var(--control-height-large);right:var(--offset-normal)}}@media (min-width: 360px){.cfxui__Input__root__6392b.cfxui__Input__inputSizesmall-small__fc7c7 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizesmall-small__fc7c7 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizesmall-small__fc7c7 .cfxui__Input__decorator__3b81f{height:var(--control-height-small);right:var(--offset-small)}}@media (min-width: 640px){.cfxui__Input__root__6392b.cfxui__Input__inputSizesmall-medium-large__d13bf .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizesmall-medium-large__d13bf .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizesmall-medium-large__d13bf .cfxui__Input__decorator__3b81f{height:var(--control-height-large);right:var(--offset-normal)}}@media (min-width: 640px){.cfxui__Input__root__6392b.cfxui__Input__inputSizesmall-medium-small__1213b .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizesmall-medium-small__1213b .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizesmall-medium-small__1213b .cfxui__Input__decorator__3b81f{height:var(--control-height-small);right:var(--offset-small)}}@media (min-width: 1024px){.cfxui__Input__root__6392b.cfxui__Input__inputSizemedium-large__6a868 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizemedium-large__6a868 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizemedium-large__6a868 .cfxui__Input__decorator__3b81f{height:var(--control-height-large);right:var(--offset-normal)}}@media (min-width: 1024px){.cfxui__Input__root__6392b.cfxui__Input__inputSizemedium-small__140cd .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizemedium-small__140cd .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizemedium-small__140cd .cfxui__Input__decorator__3b81f{height:var(--control-height-small);right:var(--offset-small)}}@media (min-width: 1280px){.cfxui__Input__root__6392b.cfxui__Input__inputSizemedium-large-large__9e60d .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizemedium-large-large__9e60d .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizemedium-large-large__9e60d .cfxui__Input__decorator__3b81f{height:var(--control-height-large);right:var(--offset-normal)}}@media (min-width: 1280px){.cfxui__Input__root__6392b.cfxui__Input__inputSizemedium-large-small__b3a78 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizemedium-large-small__b3a78 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizemedium-large-small__b3a78 .cfxui__Input__decorator__3b81f{height:var(--control-height-small);right:var(--offset-small)}}@media (min-width: 1920px){.cfxui__Input__root__6392b.cfxui__Input__inputSizelarge-large__b8fe5 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizelarge-large__b8fe5 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizelarge-large__b8fe5 .cfxui__Input__decorator__3b81f{height:var(--control-height-large);right:var(--offset-normal)}}@media (min-width: 1920px){.cfxui__Input__root__6392b.cfxui__Input__inputSizelarge-small__40920 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizelarge-small__40920 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizelarge-small__40920 .cfxui__Input__decorator__3b81f{height:var(--control-height-small);right:var(--offset-small)}}@media (min-width: 2560px){.cfxui__Input__root__6392b.cfxui__Input__inputSizexlarge-large__1ef2c .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizexlarge-large__1ef2c .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizexlarge-large__1ef2c .cfxui__Input__decorator__3b81f{height:var(--control-height-large);right:var(--offset-normal)}}@media (min-width: 2560px){.cfxui__Input__root__6392b.cfxui__Input__inputSizexlarge-small__7f6ab .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizexlarge-small__7f6ab .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__inputSizexlarge-small__7f6ab .cfxui__Input__decorator__3b81f{height:var(--control-height-small);right:var(--offset-small)}}
+.cfxui__Input__root__6392b{position:relative;display:inline-flex}.cfxui__Input__root__6392b.cfxui__Input__fullWidth__5a033{width:100%}.cfxui__Input__root__6392b:not(.cfxui__Input__empty__3b36a) .cfxui__Input__placeholderIcon__4d079,.cfxui__Input__root__6392b .cfxui__Input__input__07830:focus+.cfxui__Input__placeholderIcon__4d079,.cfxui__Input__root__6392b .cfxui__Input__input__07830:focus-visible+.cfxui__Input__placeholderIcon__4d079{display:none}.cfxui__Input__root__6392b .cfxui__Input__decorator__3b81f{position:absolute;display:flex;align-items:center;gap:var(--offset-normal);bottom:var(--input-border-size, initial);right:var(--offset-small);height:calc(var(--control-height-normal) - var(--input-border-size, initial) * 2)}.cfxui__Input__root__6392b .cfxui__Input__placeholderIcon__4d079{position:absolute;left:var(--offset-medium);top:50%;transform:translateY(-50%);color:var(--color-input-placeholder);width:var(--font-size-xsmall, initial);height:var(--font-size-xsmall, initial)}.cfxui__Input__root__6392b .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xsmall, initial);height:var(--font-size-xsmall, initial)}.cfxui__Input__root__6392b .cfxui__Input__placeholderIcon__4d079{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Input__root__6392b.cfxui__Input__backdropBlur__fdde1 .cfxui__Input__input__07830{--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__Input__root__6392b.cfxui__Input__size-initial-large__61eb0 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-initial-large__61eb0 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-initial-large__61eb0 .cfxui__Input__decorator__3b81f{height:var(--control-height-large);right:var(--offset-normal)}.cfxui__Input__root__6392b.cfxui__Input__size-initial-small__f4fae .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-initial-small__f4fae .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-initial-small__f4fae .cfxui__Input__decorator__3b81f{height:var(--control-height-small);right:var(--offset-small)}@media (min-width: 360px){.cfxui__Input__root__6392b.cfxui__Input__size-small-large__6e2dd .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-small-large__6e2dd .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-small-large__6e2dd .cfxui__Input__decorator__3b81f{height:var(--control-height-large);right:var(--offset-normal)}}@media (min-width: 360px){.cfxui__Input__root__6392b.cfxui__Input__size-small-small__d0b97 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-small-small__d0b97 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-small-small__d0b97 .cfxui__Input__decorator__3b81f{height:var(--control-height-small);right:var(--offset-small)}}@media (min-width: 640px){.cfxui__Input__root__6392b.cfxui__Input__size-small-medium-large__ea27c .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-small-medium-large__ea27c .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-small-medium-large__ea27c .cfxui__Input__decorator__3b81f{height:var(--control-height-large);right:var(--offset-normal)}}@media (min-width: 640px){.cfxui__Input__root__6392b.cfxui__Input__size-small-medium-small__1272f .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-small-medium-small__1272f .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-small-medium-small__1272f .cfxui__Input__decorator__3b81f{height:var(--control-height-small);right:var(--offset-small)}}@media (min-width: 1024px){.cfxui__Input__root__6392b.cfxui__Input__size-medium-large__5a941 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-medium-large__5a941 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-medium-large__5a941 .cfxui__Input__decorator__3b81f{height:var(--control-height-large);right:var(--offset-normal)}}@media (min-width: 1024px){.cfxui__Input__root__6392b.cfxui__Input__size-medium-small__11d17 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-medium-small__11d17 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-medium-small__11d17 .cfxui__Input__decorator__3b81f{height:var(--control-height-small);right:var(--offset-small)}}@media (min-width: 1280px){.cfxui__Input__root__6392b.cfxui__Input__size-medium-large-large__47a52 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-medium-large-large__47a52 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-medium-large-large__47a52 .cfxui__Input__decorator__3b81f{height:var(--control-height-large);right:var(--offset-normal)}}@media (min-width: 1280px){.cfxui__Input__root__6392b.cfxui__Input__size-medium-large-small__13d07 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-medium-large-small__13d07 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-medium-large-small__13d07 .cfxui__Input__decorator__3b81f{height:var(--control-height-small);right:var(--offset-small)}}@media (min-width: 1920px){.cfxui__Input__root__6392b.cfxui__Input__size-large-large__70f5f .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-large-large__70f5f .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-large-large__70f5f .cfxui__Input__decorator__3b81f{height:var(--control-height-large);right:var(--offset-normal)}}@media (min-width: 1920px){.cfxui__Input__root__6392b.cfxui__Input__size-large-small__3aa81 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-large-small__3aa81 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-large-small__3aa81 .cfxui__Input__decorator__3b81f{height:var(--control-height-small);right:var(--offset-small)}}@media (min-width: 2560px){.cfxui__Input__root__6392b.cfxui__Input__size-xlarge-large__2becf .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-xlarge-large__2becf .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-small, initial);height:var(--font-size-small, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-xlarge-large__2becf .cfxui__Input__decorator__3b81f{height:var(--control-height-large);right:var(--offset-normal)}}@media (min-width: 2560px){.cfxui__Input__root__6392b.cfxui__Input__size-xlarge-small__3bac0 .cfxui__Input__placeholderIcon__4d079{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-xlarge-small__3bac0 .cfxui__Input__placeholderIcon__4d079 svg{width:var(--font-size-xxsmall, initial);height:var(--font-size-xxsmall, initial)}.cfxui__Input__root__6392b.cfxui__Input__size-xlarge-small__3bac0 .cfxui__Input__decorator__3b81f{height:var(--control-height-small);right:var(--offset-small)}}

package/dist/assets/css/StyledInput.css

@@ -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);background-color:var(--color-input-background);box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-border) inset}.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{cursor:not-allowed;opacity:.5;box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-disabled-border) inset}.cfxui__StyledInput__root__37064:not(:disabled):hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-hover-border) inset}.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{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-focus-border) inset}.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{background-color:var(--color-input-background);box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-border) inset}.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{cursor:not-allowed;opacity:.5;box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-disabled-border) inset}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-hover-border) inset}.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{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-focus-border) inset}.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__inputSizeinitial-large__a31e6{font-size:var(--font-size-small);height:var(--control-height-large)}.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSizeinitial-small__77433{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}@media (min-width: 360px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSizesmall-large__eb62a{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 360px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSizesmall-small__d5e87{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 640px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSizesmall-medium-large__b13be{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 640px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSizesmall-medium-small__a9d00{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 1024px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSizemedium-large__75764{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 1024px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSizemedium-small__43151{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 1280px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSizemedium-large-large__3f450{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 1280px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSizemedium-large-small__eba0f{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 1920px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSizelarge-large__19572{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 1920px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSizelarge-small__3ecc3{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}@media (min-width: 2560px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSizexlarge-large__06e9b{font-size:var(--font-size-small);height:var(--control-height-large)}}@media (min-width: 2560px){.cfxui__StyledInput__root__37064.cfxui__StyledInput__inputSizexlarge-small__b318f{font-size:var(--font-size-xxsmall);height:var(--control-height-small)}}
+.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);background-color:var(--color-input-background);box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-border) inset}.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{cursor:not-allowed;opacity:.5;box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-disabled-border) inset}.cfxui__StyledInput__root__37064:not(:disabled):hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-hover-border) inset}.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{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-focus-border) inset}.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{background-color:var(--color-input-background);box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-border) inset}.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{cursor:not-allowed;opacity:.5;box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-disabled-border) inset}.cfxui__StyledInput__root__37064.cfxui__StyledInput__onlight__dcd8f:not(:disabled):hover{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-hover-border) inset}.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{box-shadow:0 0 0 var(--input-border-size, initial) var(--color-input-onlight-focus-border) inset}.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)}}

package/dist/components/Checkbox/Checkbox.d.ts

@@ -2,11 +2,16 @@ import { default as React } from 'react';
 import { GetColorProps } from '../../utils/color';
 import * as CheckboxUi from '@radix-ui/react-checkbox';
 export type CheckboxSize = 'small' | 'normal' | 'large';
+export type CheckboxCheckedType = CheckboxUi.CheckedState;
 export interface CheckboxProps extends Omit<CheckboxUi.CheckboxProps, 'color'>, GetColorProps {
     id?: string;
     size?: CheckboxSize;
     rootClassName?: string;
     indicatorClassName?: string;
+    iconClassName?: string;
+    squareClassName?: string;
+    checkedClassName?: string;
+    iconSquare?: React.ComponentType;
     iconIndicator?: React.ComponentType;
     name?: string;
 }

package/dist/components/Checkbox/Checkbox.js

@@ -1,7 +1,7 @@
-import { jsx as a, jsxs as w, Fragment as $ } from "react/jsx-runtime";
-import * as u from "react";
+import { jsx as s, jsxs as w, Fragment as $ } from "react/jsx-runtime";
+import * as l from "react";
 import G from "react";
-import { c as K, P as E, d as X, u as B, e as q, f as J } from "../../index-DCuJlMqr.js";
+import { c as K, P as g, d as X, u as B, e as q, f as J } from "../../index-DCuJlMqr.js";
 import { u as Q } from "../../index-BZPx6jYI.js";
 import { P as V } from "../../index-DWzyrn_L.js";
 import "../Icons/cfx-icons/Close.js";
@@ -55,139 +55,139 @@ import "../Icons/cfx-icons-big/Subscriptions.js";
 import "../Icons/cfx-icons-big/Upload.js";
 import "../Icons/cfx-icons-big/Warning.js";
 import "../Icons/cfx-icons-big/Confirm.js";
-import { clsx as g } from "../../utils/clsx.js";
+import { clsx as N } from "../../utils/clsx.js";
 import { getColor as Z } from "../../utils/color.js";
-var y = "Checkbox", [ee, ko] = K(y), [oe, N] = ee(y);
+var R = "Checkbox", [ee, ho] = K(R), [oe, E] = ee(R);
 function te(o) {
   const {
-    __scopeCheckbox: i,
-    checked: c,
-    children: d,
-    defaultChecked: t,
+    __scopeCheckbox: a,
+    checked: n,
+    children: m,
+    defaultChecked: r,
     disabled: e,
     form: f,
     name: _,
-    onCheckedChange: m,
+    onCheckedChange: d,
     required: h,
-    value: l = "on",
+    value: C = "on",
     // @ts-expect-error
-    internal_do_not_use_render: r
-  } = o, [p, v] = X({
-    prop: c,
-    defaultProp: t ?? !1,
-    onChange: m,
-    caller: y
-  }), [k, b] = u.useState(null), [I, n] = u.useState(null), s = u.useRef(!1), R = k ? !!f || !!k.closest("form") : (
+    internal_do_not_use_render: p
+  } = o, [i, b] = X({
+    prop: n,
+    defaultProp: r ?? !1,
+    onChange: d,
+    caller: R
+  }), [u, k] = l.useState(null), [I, t] = l.useState(null), c = l.useRef(!1), y = u ? !!f || !!u.closest("form") : (
     // We set this to true by default so that events bubble to forms without JS (SSR)
     !0
   ), P = {
-    checked: p,
+    checked: i,
     disabled: e,
-    setChecked: v,
-    control: k,
-    setControl: b,
+    setChecked: b,
+    control: u,
+    setControl: k,
     name: _,
     form: f,
-    value: l,
-    hasConsumerStoppedPropagationRef: s,
+    value: C,
+    hasConsumerStoppedPropagationRef: c,
     required: h,
-    defaultChecked: x(t) ? !1 : t,
-    isFormControl: R,
+    defaultChecked: v(r) ? !1 : r,
+    isFormControl: y,
     bubbleInput: I,
-    setBubbleInput: n
+    setBubbleInput: t
   };
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ s(
     oe,
     {
-      scope: i,
+      scope: a,
       ...P,
-      children: re(r) ? r(P) : d
+      children: re(p) ? p(P) : m
     }
   );
 }
-var T = "CheckboxTrigger", M = u.forwardRef(
-  ({ __scopeCheckbox: o, onKeyDown: i, onClick: c, ...d }, t) => {
+var T = "CheckboxTrigger", M = l.forwardRef(
+  ({ __scopeCheckbox: o, onKeyDown: a, onClick: n, ...m }, r) => {
     const {
       control: e,
       value: f,
       disabled: _,
-      checked: m,
+      checked: d,
       required: h,
-      setControl: l,
-      setChecked: r,
-      hasConsumerStoppedPropagationRef: p,
-      isFormControl: v,
-      bubbleInput: k
-    } = N(T, o), b = B(t, l), I = u.useRef(m);
-    return u.useEffect(() => {
-      const n = e == null ? void 0 : e.form;
-      if (n) {
-        const s = () => r(I.current);
-        return n.addEventListener("reset", s), () => n.removeEventListener("reset", s);
+      setControl: C,
+      setChecked: p,
+      hasConsumerStoppedPropagationRef: i,
+      isFormControl: b,
+      bubbleInput: u
+    } = E(T, o), k = B(r, C), I = l.useRef(d);
+    return l.useEffect(() => {
+      const t = e == null ? void 0 : e.form;
+      if (t) {
+        const c = () => p(I.current);
+        return t.addEventListener("reset", c), () => t.removeEventListener("reset", c);
       }
-    }, [e, r]), /* @__PURE__ */ a(
-      E.button,
+    }, [e, p]), /* @__PURE__ */ s(
+      g.button,
       {
         type: "button",
         role: "checkbox",
-        "aria-checked": x(m) ? "mixed" : m,
+        "aria-checked": v(d) ? "mixed" : d,
         "aria-required": h,
-        "data-state": O(m),
+        "data-state": O(d),
         "data-disabled": _ ? "" : void 0,
         disabled: _,
         value: f,
-        ...d,
-        ref: b,
-        onKeyDown: q(i, (n) => {
-          n.key === "Enter" && n.preventDefault();
+        ...m,
+        ref: k,
+        onKeyDown: q(a, (t) => {
+          t.key === "Enter" && t.preventDefault();
         }),
-        onClick: q(c, (n) => {
-          r((s) => x(s) ? !0 : !s), k && v && (p.current = n.isPropagationStopped(), p.current || n.stopPropagation());
+        onClick: q(n, (t) => {
+          p((c) => v(c) ? !0 : !c), u && b && (i.current = t.isPropagationStopped(), i.current || t.stopPropagation());
         })
       }
     );
   }
 );
 M.displayName = T;
-var U = u.forwardRef(
-  (o, i) => {
+var U = l.forwardRef(
+  (o, a) => {
     const {
-      __scopeCheckbox: c,
-      name: d,
-      checked: t,
+      __scopeCheckbox: n,
+      name: m,
+      checked: r,
       defaultChecked: e,
       required: f,
       disabled: _,
-      value: m,
+      value: d,
       onCheckedChange: h,
-      form: l,
-      ...r
+      form: C,
+      ...p
     } = o;
-    return /* @__PURE__ */ a(
+    return /* @__PURE__ */ s(
       te,
       {
-        __scopeCheckbox: c,
-        checked: t,
+        __scopeCheckbox: n,
+        checked: r,
         defaultChecked: e,
         disabled: _,
         required: f,
         onCheckedChange: h,
-        name: d,
-        form: l,
-        value: m,
-        internal_do_not_use_render: ({ isFormControl: p }) => /* @__PURE__ */ w($, { children: [
-          /* @__PURE__ */ a(
+        name: m,
+        form: C,
+        value: d,
+        internal_do_not_use_render: ({ isFormControl: i }) => /* @__PURE__ */ w($, { children: [
+          /* @__PURE__ */ s(
             M,
             {
-              ...r,
-              ref: i,
-              __scopeCheckbox: c
+              ...p,
+              ref: a,
+              __scopeCheckbox: n
             }
           ),
-          p && /* @__PURE__ */ a(
+          i && /* @__PURE__ */ s(
             L,
             {
-              __scopeCheckbox: c
+              __scopeCheckbox: n
             }
           )
         ] })
@@ -195,21 +195,21 @@ var U = u.forwardRef(
     );
   }
 );
-U.displayName = y;
-var A = "CheckboxIndicator", D = u.forwardRef(
-  (o, i) => {
-    const { __scopeCheckbox: c, forceMount: d, ...t } = o, e = N(A, c);
-    return /* @__PURE__ */ a(
+U.displayName = R;
+var A = "CheckboxIndicator", D = l.forwardRef(
+  (o, a) => {
+    const { __scopeCheckbox: n, forceMount: m, ...r } = o, e = E(A, n);
+    return /* @__PURE__ */ s(
       V,
       {
-        present: d || x(e.checked) || e.checked === !0,
-        children: /* @__PURE__ */ a(
-          E.span,
+        present: m || v(e.checked) || e.checked === !0,
+        children: /* @__PURE__ */ s(
+          g.span,
           {
             "data-state": O(e.checked),
             "data-disabled": e.disabled ? "" : void 0,
-            ...t,
-            ref: i,
+            ...r,
+            ref: a,
             style: { pointerEvents: "none", ...o.style }
           }
         )
@@ -218,50 +218,50 @@ var A = "CheckboxIndicator", D = u.forwardRef(
   }
 );
 D.displayName = A;
-var F = "CheckboxBubbleInput", L = u.forwardRef(
-  ({ __scopeCheckbox: o, ...i }, c) => {
+var F = "CheckboxBubbleInput", L = l.forwardRef(
+  ({ __scopeCheckbox: o, ...a }, n) => {
     const {
-      control: d,
-      hasConsumerStoppedPropagationRef: t,
+      control: m,
+      hasConsumerStoppedPropagationRef: r,
       checked: e,
       defaultChecked: f,
       required: _,
-      disabled: m,
+      disabled: d,
       name: h,
-      value: l,
-      form: r,
-      bubbleInput: p,
-      setBubbleInput: v
-    } = N(F, o), k = B(c, v), b = Q(e), I = J(d);
-    u.useEffect(() => {
-      const s = p;
-      if (!s) return;
-      const R = window.HTMLInputElement.prototype, S = Object.getOwnPropertyDescriptor(
-        R,
+      value: C,
+      form: p,
+      bubbleInput: i,
+      setBubbleInput: b
+    } = E(F, o), u = B(n, b), k = Q(e), I = J(m);
+    l.useEffect(() => {
+      const c = i;
+      if (!c) return;
+      const y = window.HTMLInputElement.prototype, S = Object.getOwnPropertyDescriptor(
+        y,
         "checked"
-      ).set, j = !t.current;
-      if (b !== e && S) {
+      ).set, j = !r.current;
+      if (k !== e && S) {
         const H = new Event("click", { bubbles: j });
-        s.indeterminate = x(e), S.call(s, x(e) ? !1 : e), s.dispatchEvent(H);
+        c.indeterminate = v(e), S.call(c, v(e) ? !1 : e), c.dispatchEvent(H);
       }
-    }, [p, b, e, t]);
-    const n = u.useRef(x(e) ? !1 : e);
-    return /* @__PURE__ */ a(
-      E.input,
+    }, [i, k, e, r]);
+    const t = l.useRef(v(e) ? !1 : e);
+    return /* @__PURE__ */ s(
+      g.input,
       {
         type: "checkbox",
         "aria-hidden": !0,
-        defaultChecked: f ?? n.current,
+        defaultChecked: f ?? t.current,
         required: _,
-        disabled: m,
+        disabled: d,
         name: h,
-        value: l,
-        form: r,
-        ...i,
+        value: C,
+        form: p,
+        ...a,
         tabIndex: -1,
-        ref: k,
+        ref: u,
         style: {
-          ...i.style,
+          ...a.style,
           ...I,
           position: "absolute",
           pointerEvents: "none",
@@ -280,71 +280,81 @@ L.displayName = F;
 function re(o) {
   return typeof o == "function";
 }
-function x(o) {
+function v(o) {
   return o === "indeterminate";
 }
 function O(o) {
-  return x(o) ? "indeterminate" : o ? "checked" : "unchecked";
+  return v(o) ? "indeterminate" : o ? "checked" : "unchecked";
 }
-const ce = "cfxui__Checkbox__rootUnset__cbb57", ne = "cfxui__Checkbox__root__865aa", ie = "cfxui__Checkbox__square__029aa", se = "cfxui__Checkbox__indicator__2afc0", ae = "cfxui__Checkbox__checked__b4081", de = "cfxui__Checkbox__radioIcon__719e7", me = "cfxui__Checkbox__tickIcon__a7f19", C = {
+const ce = "cfxui__Checkbox__rootUnset__cbb57", ne = "cfxui__Checkbox__root__865aa", ie = "cfxui__Checkbox__square__029aa", ae = "cfxui__Checkbox__indicator__2afc0", se = "cfxui__Checkbox__radioIcon__719e7", me = "cfxui__Checkbox__tickIcon__a7f19", x = {
   rootUnset: ce,
   root: ne,
   square: ie,
-  indicator: se,
-  checked: ae,
+  indicator: ae,
   "size-small": "cfxui__Checkbox__size-small__02440",
-  radioIcon: de,
+  radioIcon: se,
   tickIcon: me,
   "size-normal": "cfxui__Checkbox__size-normal__700f4",
   "size-large": "cfxui__Checkbox__size-large__28529"
 };
-function pe(o) {
+function de(o) {
   const {
-    id: i,
-    size: c = "normal",
-    rootClassName: d,
-    indicatorClassName: t,
-    colorToken: e,
-    color: f,
-    opacity: _,
-    luminance: m,
-    checked: h,
-    name: l,
-    iconIndicator: r = z,
-    ...p
-  } = o, v = g(
-    C.root,
-    C.rootUnset,
-    C[`size-${c}`],
-    d
-  ), k = Z(o), b = g(
-    C.checked,
-    r === Y && C.tickIcon,
-    r === z && C.radioIcon
+    id: a,
+    size: n = "normal",
+    rootClassName: m,
+    indicatorClassName: r,
+    iconClassName: e,
+    checkedClassName: f,
+    squareClassName: _,
+    colorToken: d,
+    color: h,
+    opacity: C,
+    luminance: p,
+    checked: i,
+    name: b,
+    iconIndicator: u = z,
+    iconSquare: k = W,
+    ...I
+  } = o, t = Z(o), c = N(
+    x.root,
+    x.rootUnset,
+    x[`size-${n}`],
+    m,
+    {
+      [f || ""]: i
+    }
+  ), y = N(
+    x.checked,
+    e,
+    {
+      [x.tickIcon]: u === Y,
+      [x.radioIcon]: u === z
+    }
   );
   return /* @__PURE__ */ w(
     U,
     {
-      ...p,
-      id: i,
-      checked: h,
-      style: { color: k },
-      className: v,
+      ...I,
+      id: a,
+      checked: i,
+      style: { color: t },
+      className: c,
       children: [
-        l && /* @__PURE__ */ a(
+        b && /* @__PURE__ */ s(
           "input",
           {
             type: "hidden",
-            name: l
+            name: b,
+            value: i ? "on" : ""
           }
         ),
-        /* @__PURE__ */ a(W, { className: C.square }),
-        /* @__PURE__ */ a(D, { className: g(C.indicator, t), children: /* @__PURE__ */ a(r, { className: b }) })
+        /* @__PURE__ */ s(k, { className: N(x.square, _) }),
+        /* @__PURE__ */ s(D, { className: N(x.indicator, r), children: /* @__PURE__ */ s(u, { className: y }) })
       ]
     }
   );
 }
-const bo = G.memo(pe);
+const Co = G.memo(de);
 export {
-  bo as default
+  Co as default
 };

package/dist/components/Checkbox/CheckboxShowcase.d.ts

@@ -0,0 +1,4 @@
+import { CheckboxProps } from './Checkbox';
+
+declare function CheckboxShowcase(props: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+export default CheckboxShowcase;

package/dist/components/Checkbox/CheckboxShowcase.js

@@ -0,0 +1,33 @@
+import { jsx as o } from "react/jsx-runtime";
+import r from "react";
+import i from "../Box/Box.js";
+import "../../utils/ui/ui.js";
+import h from "./Checkbox.js";
+const n = "cfxui__CheckboxShowcase__root__5c0e0", _ = "cfxui__CheckboxShowcase__checked__e49f9", k = "cfxui__CheckboxShowcase__icon__686ec", e = {
+  root: n,
+  checked: _,
+  icon: k
+};
+function l(s) {
+  const [a, c] = r.useState(!1);
+  return /* @__PURE__ */ o(i, { p: 2, children: /* @__PURE__ */ o(
+    h,
+    {
+      ...s,
+      id: "checkbox1",
+      name: "checkbox1",
+      checked: a,
+      onCheckedChange: c,
+      onClick: () => c((t) => !t),
+      size: "normal",
+      rootClassName: e.root,
+      indicatorClassName: e.indicator,
+      iconClassName: e.icon,
+      checkedClassName: e.checked,
+      squareClassName: e.square
+    }
+  ) });
+}
+export {
+  l as default
+};

package/dist/components/Input/Input.js

@@ -1,151 +1,148 @@
-import { jsxs as q, jsx as t } from "react/jsx-runtime";
+import { jsxs as q, jsx as a } from "react/jsx-runtime";
 import i from "react";
 import { Icon as H } from "../Icon/Icon.js";
 import J from "../IconButton/IconButton.js";
 import { Indicator as L } from "../Indicator/Indicator.js";
 import O from "../StyledInput/StyledInput.js";
-import { clsx as k } from "../../utils/clsx.js";
+import { clsx as R } from "../../utils/clsx.js";
 import { getValue as P } from "../../utils/getValue.js";
 import { ui as Q } from "../../utils/ui/ui.js";
-const U = "cfxui__Input__root__6392b", Y = "cfxui__Input__fullWidth__5a033", Z = "cfxui__Input__empty__3b36a", ee = "cfxui__Input__placeholderIcon__4d079", le = "cfxui__Input__input__07830", te = "cfxui__Input__decorator__3b81f", ae = "cfxui__Input__small__c1513", ie = "cfxui__Input__large__92d72", ne = "cfxui__Input__onlight__7d0b7", ue = "cfxui__Input__backdropBlur__fdde1", l = {
+const U = "cfxui__Input__root__6392b", Y = "cfxui__Input__fullWidth__5a033", Z = "cfxui__Input__empty__3b36a", ee = "cfxui__Input__placeholderIcon__4d079", le = "cfxui__Input__input__07830", ae = "cfxui__Input__decorator__3b81f", te = "cfxui__Input__backdropBlur__fdde1", l = {
   root: U,
   fullWidth: Y,
   empty: Z,
   placeholderIcon: ee,
   input: le,
-  decorator: te,
-  small: ae,
-  large: ie,
-  onlight: ne,
-  backdropBlur: ue,
-  "inputSizeinitial-large": "cfxui__Input__inputSizeinitial-large__12afb",
-  "inputSizeinitial-small": "cfxui__Input__inputSizeinitial-small__33905",
-  "inputSizesmall-large": "cfxui__Input__inputSizesmall-large__e2689",
-  "inputSizesmall-small": "cfxui__Input__inputSizesmall-small__fc7c7",
-  "inputSizesmall-medium-large": "cfxui__Input__inputSizesmall-medium-large__d13bf",
-  "inputSizesmall-medium-small": "cfxui__Input__inputSizesmall-medium-small__1213b",
-  "inputSizemedium-large": "cfxui__Input__inputSizemedium-large__6a868",
-  "inputSizemedium-small": "cfxui__Input__inputSizemedium-small__140cd",
-  "inputSizemedium-large-large": "cfxui__Input__inputSizemedium-large-large__9e60d",
-  "inputSizemedium-large-small": "cfxui__Input__inputSizemedium-large-small__b3a78",
-  "inputSizelarge-large": "cfxui__Input__inputSizelarge-large__b8fe5",
-  "inputSizelarge-small": "cfxui__Input__inputSizelarge-small__40920",
-  "inputSizexlarge-large": "cfxui__Input__inputSizexlarge-large__1ef2c",
-  "inputSizexlarge-small": "cfxui__Input__inputSizexlarge-small__7f6ab"
+  decorator: ae,
+  backdropBlur: te,
+  "size-initial-large": "cfxui__Input__size-initial-large__61eb0",
+  "size-initial-small": "cfxui__Input__size-initial-small__f4fae",
+  "size-small-large": "cfxui__Input__size-small-large__6e2dd",
+  "size-small-small": "cfxui__Input__size-small-small__d0b97",
+  "size-small-medium-large": "cfxui__Input__size-small-medium-large__ea27c",
+  "size-small-medium-small": "cfxui__Input__size-small-medium-small__1272f",
+  "size-medium-large": "cfxui__Input__size-medium-large__5a941",
+  "size-medium-small": "cfxui__Input__size-medium-small__11d17",
+  "size-medium-large-large": "cfxui__Input__size-medium-large-large__47a52",
+  "size-medium-large-small": "cfxui__Input__size-medium-large-small__13d07",
+  "size-large-large": "cfxui__Input__size-large-large__70f5f",
+  "size-large-small": "cfxui__Input__size-large-small__3aa81",
+  "size-xlarge-large": "cfxui__Input__size-xlarge-large__2becf",
+  "size-xlarge-small": "cfxui__Input__size-xlarge-small__3bac0"
 };
-function _e(n) {
+function ie(_) {
   const {
-    decorator: r,
+    decorator: n,
     loading: m,
-    type: p,
-    hasValue: a,
-    onCleare: o
-  } = n;
-  return m ? /* @__PURE__ */ t("div", { className: l.decorator, children: /* @__PURE__ */ t(L, {}) }) : r ? /* @__PURE__ */ t("div", { className: l.decorator, children: P(r) }) : p === "search" && a ? /* @__PURE__ */ t("div", { className: l.decorator, children: /* @__PURE__ */ t(J, { size: "xsmall", areaSize: "large", name: "Close", onClick: o }) }) : null;
+    type: d,
+    hasValue: t,
+    onCleare: u
+  } = _;
+  return m ? /* @__PURE__ */ a("div", { className: l.decorator, children: /* @__PURE__ */ a(L, {}) }) : n ? /* @__PURE__ */ a("div", { className: l.decorator, children: P(n) }) : d === "search" && t ? /* @__PURE__ */ a("div", { className: l.decorator, children: /* @__PURE__ */ a(J, { size: "xsmall", areaSize: "large", name: "Close", onClick: u }) }) : null;
 }
-function Ie(n) {
+function fe(_) {
   const {
-    id: r,
+    id: n,
     name: m,
-    fullWidth: p = !1,
-    value: a,
-    defaultValue: o,
-    onChange: d,
-    onSubmit: f,
-    onKeyDown: g,
-    pattern: I,
-    tabIndex: R,
-    loading: w = !1,
-    spellCheck: v = !0,
-    autofocus: E = !1,
-    disabled: V = !1,
-    className: B,
+    fullWidth: d = !1,
+    value: t,
+    defaultValue: u,
+    onChange: f,
+    onSubmit: p,
+    onKeyDown: I,
+    pattern: g,
+    tabIndex: w,
+    loading: v = !1,
+    spellCheck: E = !0,
+    autofocus: V = !1,
+    disabled: B = !1,
+    className: S,
     containerClassName: W,
-    placeholder: c = "",
-    placeholderIcon: s,
-    type: S = "text",
-    size: z = "normal",
-    theme: h = "default",
+    placeholder: o = "",
+    placeholderIcon: c,
+    type: z = "text",
+    size: h = "normal",
+    theme: b = "default",
     decorator: D,
     backdropBlur: F = !1,
     ref: A
-  } = n, [x, K] = i.useState(a || o), b = typeof x < "u" && x !== "" && x !== null || typeof a < "u" && a !== "" && a !== null;
-  let C, y, N;
-  if (n.type === "number") {
+  } = _, [x, K] = i.useState(t || u), C = typeof x < "u" && x !== "" && x !== null || typeof t < "u" && t !== "" && t !== null;
+  let y, N, k;
+  if (_.type === "number") {
     const {
       min: e,
-      max: _,
+      max: s,
       step: $
-    } = n;
-    N = $ ?? 1, C = e ?? Number.MIN_SAFE_INTEGER, y = _ ?? Number.MAX_SAFE_INTEGER;
+    } = _;
+    k = $ ?? 1, y = e ?? Number.MIN_SAFE_INTEGER, N = s ?? Number.MAX_SAFE_INTEGER;
   }
-  const u = i.useCallback((e) => {
-    K(e), d && d(e);
-  }, [d]), M = i.useCallback(
+  const r = i.useCallback((e) => {
+    K(e), f && f(e);
+  }, [f]), M = i.useCallback(
     (e) => {
       const {
-        value: _
+        value: s
       } = e.target;
-      if (I) {
-        I.test(_) && u(_);
+      if (g) {
+        g.test(s) && r(s);
         return;
       }
-      u(_);
+      r(s);
     },
-    [u, I]
+    [r, g]
   ), j = i.useCallback((e) => {
-    g && g(e), f && e.key === "Enter" && f();
-  }, [g, f]), G = i.useCallback(() => {
-    u("");
-  }, [u]), T = k(
+    I && I(e), p && e.key === "Enter" && p();
+  }, [I, p]), G = i.useCallback(() => {
+    r("");
+  }, [r]), T = R(
     l.root,
-    l[h],
+    l[b],
     W,
-    Q.getResponsiveFlatClassnames("input-size", z).map((e) => l[e]),
+    Q.getResponsiveFlatClassnames("size", h).map((e) => l[e]),
     {
-      [l.fullWidth]: p,
+      [l.fullWidth]: d,
       [l.backdropBlur]: F,
-      [l.empty]: !b
+      [l.empty]: !C
     }
-  ), X = i.useMemo(() => c ? s ? `     ${c.trim()}` : c.trim() : "", [c, s]);
+  ), X = i.useMemo(() => o ? c ? `     ${o.trim()}` : o.trim() : "", [o, c]);
   return /* @__PURE__ */ q("div", { className: T, children: [
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ a(
       O,
       {
-        size: z,
-        theme: h,
-        id: r,
+        size: h,
+        theme: b,
+        id: n,
         name: m,
         ref: A,
-        type: S,
-        tabIndex: R,
-        className: k(l.input, B),
-        value: a,
+        type: z,
+        tabIndex: w,
+        className: R(l.input, S),
+        value: t,
         placeholder: X,
-        disabled: V,
+        disabled: B,
         onChange: M,
         onKeyDown: j,
-        spellCheck: v,
-        min: C,
-        max: y,
-        step: N,
-        defaultValue: o,
-        autoFocus: E
+        spellCheck: E,
+        min: y,
+        max: N,
+        step: k,
+        defaultValue: u,
+        autoFocus: V
       }
     ),
-    s && /* @__PURE__ */ t(H, { name: s, className: l.placeholderIcon }),
-    /* @__PURE__ */ t(
-      _e,
+    c && /* @__PURE__ */ a(H, { name: c, className: l.placeholderIcon }),
+    /* @__PURE__ */ a(
+      ie,
       {
         decorator: D,
-        loading: w,
-        type: S,
-        hasValue: b,
+        loading: v,
+        type: z,
+        hasValue: C,
         onCleare: G
       }
     )
   ] });
 }
 export {
-  Ie as default
+  fe as default
 };

package/dist/components/StyledInput/StyledInput.js

@@ -6,41 +6,41 @@ const s = "cfxui__StyledInput__root__37064", S = "cfxui__StyledInput__small__0f2
   small: S,
   large: r,
   onlight: d,
-  "inputSizeinitial-large": "cfxui__StyledInput__inputSizeinitial-large__a31e6",
-  "inputSizeinitial-small": "cfxui__StyledInput__inputSizeinitial-small__77433",
-  "inputSizesmall-large": "cfxui__StyledInput__inputSizesmall-large__eb62a",
-  "inputSizesmall-small": "cfxui__StyledInput__inputSizesmall-small__d5e87",
-  "inputSizesmall-medium-large": "cfxui__StyledInput__inputSizesmall-medium-large__b13be",
-  "inputSizesmall-medium-small": "cfxui__StyledInput__inputSizesmall-medium-small__a9d00",
-  "inputSizemedium-large": "cfxui__StyledInput__inputSizemedium-large__75764",
-  "inputSizemedium-small": "cfxui__StyledInput__inputSizemedium-small__43151",
-  "inputSizemedium-large-large": "cfxui__StyledInput__inputSizemedium-large-large__3f450",
-  "inputSizemedium-large-small": "cfxui__StyledInput__inputSizemedium-large-small__eba0f",
-  "inputSizelarge-large": "cfxui__StyledInput__inputSizelarge-large__19572",
-  "inputSizelarge-small": "cfxui__StyledInput__inputSizelarge-small__3ecc3",
-  "inputSizexlarge-large": "cfxui__StyledInput__inputSizexlarge-large__06e9b",
-  "inputSizexlarge-small": "cfxui__StyledInput__inputSizexlarge-small__b318f"
+  "inputSize-initial-large": "cfxui__StyledInput__inputSize-initial-large__43033",
+  "inputSize-initial-small": "cfxui__StyledInput__inputSize-initial-small__6e9de",
+  "inputSize-small-large": "cfxui__StyledInput__inputSize-small-large__77186",
+  "inputSize-small-small": "cfxui__StyledInput__inputSize-small-small__968a4",
+  "inputSize-small-medium-large": "cfxui__StyledInput__inputSize-small-medium-large__96f91",
+  "inputSize-small-medium-small": "cfxui__StyledInput__inputSize-small-medium-small__0a42b",
+  "inputSize-medium-large": "cfxui__StyledInput__inputSize-medium-large__e552f",
+  "inputSize-medium-small": "cfxui__StyledInput__inputSize-medium-small__28227",
+  "inputSize-medium-large-large": "cfxui__StyledInput__inputSize-medium-large-large__0c8e8",
+  "inputSize-medium-large-small": "cfxui__StyledInput__inputSize-medium-large-small__35702",
+  "inputSize-large-large": "cfxui__StyledInput__inputSize-large-large__7dfe8",
+  "inputSize-large-small": "cfxui__StyledInput__inputSize-large-small__69180",
+  "inputSize-xlarge-large": "cfxui__StyledInput__inputSize-xlarge-large__f4d6e",
+  "inputSize-xlarge-small": "cfxui__StyledInput__inputSize-xlarge-small__b60c7"
 };
-function f(e) {
+function z(i) {
   const {
-    className: i,
+    className: e,
     size: _ = "normal",
     theme: t = "default",
     ...u
-  } = e;
+  } = i;
   return /* @__PURE__ */ n(
     "input",
     {
       className: m(
-        i,
+        e,
         l.root,
         l[t],
-        p.getResponsiveFlatClassnames("input-size", _).map((a) => l[a])
+        p.getResponsiveFlatClassnames("inputSize", _).map((a) => l[a])
       ),
       ...u
     }
   );
 }
 export {
-  f as default
+  z as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cfx-dev/ui-components",
   "private": false,
-  "version": "4.5.12",
+  "version": "4.5.14",
   "type": "module",
   "license": "MIT",
   "main": "dist/main.js",