@cfx-dev/ui-components 4.5.13 → 4.5.15
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/assets/all_css.css +1 -0
- package/dist/assets/css/Checkbox.css +1 -1
- package/dist/assets/css/CheckboxShowcase.css +1 -0
- package/dist/assets/general/global.css +1 -1
- package/dist/components/Checkbox/Checkbox.d.ts +5 -0
- package/dist/components/Checkbox/Checkbox.js +163 -153
- package/dist/components/Checkbox/CheckboxShowcase.d.ts +4 -0
- package/dist/components/Checkbox/CheckboxShowcase.js +33 -0
- package/dist/components/Text/Text.types.d.ts +1 -1
- package/dist/styles-scss/tokens.scss +1 -0
- package/package.json +1 -1
package/dist/assets/all_css.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.cfxui__Checkbox__rootUnset__cbb57{all:unset}.cfxui__Checkbox__root__865aa{cursor:pointer;display:flex;align-items:center;justify-content:center;box-sizing:border-box;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
|
|
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;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)}
|
|
@@ -0,0 +1 @@
|
|
|
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)}
|