@cfx-dev/ui-components 4.3.6 → 4.3.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/assets/css/Radio.css +1 -1
  2. package/dist/assets/css/ToggleGroup.css +1 -1
  3. package/dist/assets/general/global.css +1 -1
  4. package/dist/components/ToggleGroup/ToggleGroup.d.ts +16 -4
  5. package/dist/components/ToggleGroup/ToggleGroup.js +72 -63
  6. package/dist/components/ToggleGroup/ToggleGroupShowcase.js +56 -19
  7. package/dist/styles-scss/global.scss +1 -1
  8. package/dist/styles-scss/tokens.scss +4 -7
  9. package/package.json +1 -1
package/dist/assets/css/Radio.css CHANGED
@@ -1 +1 @@
1
- .cfxui__Radio__root__05f1c{display:inline-flex;align-items:center;justify-content:flex-start;padding:var(--offset-normal);font-weight:var(--font-weight-normal);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-checkbox-text);border:solid 2px var(--color-checkbox-border);background-color:var(--color-checkbox-background);font-family:var(--font-family-primary);font-size:var(--font-size-normal);border-radius:var(--border-radius-small)}.cfxui__Radio__root__05f1c{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Radio__root__05f1c.cfxui__Radio__size-normal__6dccc{height:var(--control-height-normal)}.cfxui__Radio__root__05f1c.cfxui__Radio__size-large__0a074{height:var(--control-height-large)}.cfxui__Radio__root__05f1c input{width:0;height:0}.cfxui__Radio__root__05f1c .cfxui__Radio__indicator__2181e{flex-shrink:0;width:calc(var(--control-height-xsmall) - 4px);height:calc(var(--control-height-xsmall) - 4px);margin-right:var(--offset-normal);border:solid 1px transparent;border-radius:50%;box-shadow:0 0 0 1px var(--color-checkbox-indicator),0 0 0 0 var(--color-checkbox-indicator) inset}.cfxui__Radio__root__05f1c .cfxui__Radio__indicator__2181e{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Radio__root__05f1c input:checked+.cfxui__Radio__indicator__2181e{box-shadow:0 0 0 1px var(--color-checkbox-indicator),0 0 0 calc(var(--control-height-xsmall) - 4px) var(--color-checkbox-indicator) inset}.cfxui__Radio__root__05f1c.cfxui__Radio__disabled__c411f{cursor:not-allowed;opacity:.5}.cfxui__Radio__root__05f1c:not(.cfxui__Radio__disabled__c411f):hover{background-color:var(--color-checkbox-hover-background)}.cfxui__Radio__root__05f1c:not(.cfxui__Radio__disabled__c411f) input:focus-visible+.cfxui__Radio__indicator__2181e{outline:solid 2px var(--color-checkbox-focus-outline)}
1
+ .cfxui__Radio__root__05f1c{display:inline-flex;align-items:center;justify-content:flex-start;padding:var(--offset-normal);font-weight:var(--font-weight-normal);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-checkbox-text);border:solid 2px var(--color-checkbox-border);background-color:var(--color-checkbox-background);font-family:var(--font-family-primary);font-size:var(--font-size-normal);border-radius:var(--border-radius-small)}.cfxui__Radio__root__05f1c{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Radio__root__05f1c.cfxui__Radio__size-normal__6dccc{height:var(--control-height-normal)}.cfxui__Radio__root__05f1c.cfxui__Radio__size-large__0a074{height:var(--control-height-large)}.cfxui__Radio__root__05f1c input{width:0;height:0}.cfxui__Radio__root__05f1c .cfxui__Radio__indicator__2181e{flex-shrink:0;width:calc(var(--control-height-xsmall) - 4px);height:calc(var(--control-height-xsmall) - 4px);margin-right:var(--offset-normal);border:solid 1px transparent;border-radius:50%;box-shadow:0 0 0 1px var(--color-checkbox-indicator),0 0 0 0 var(--color-checkbox-indicator) inset}.cfxui__Radio__root__05f1c .cfxui__Radio__indicator__2181e{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Radio__root__05f1c input:checked+.cfxui__Radio__indicator__2181e{box-shadow:0 0 0 1px var(--color-checkbox-indicator),0 0 0 calc(var(--control-height-xsmall) - 4px) var(--color-checkbox-indicator) inset}.cfxui__Radio__root__05f1c.cfxui__Radio__disabled__c411f{cursor:not-allowed;opacity:.5}.cfxui__Radio__root__05f1c:not(.cfxui__Radio__disabled__c411f):hover{background-color:var(--color-checkbox-hover-background)}.cfxui__Radio__root__05f1c:not(.cfxui__Radio__disabled__c411f) input:focus-visible+.cfxui__Radio__indicator__2181e{outline:solid calc(var(--quant) * .25) var(--color-checkbox-focus-outline)}
package/dist/assets/css/ToggleGroup.css CHANGED
@@ -1 +1 @@
1
- .cfxui__ToggleGroup__root__fb460{display:inline-flex;position:relative;height:var(--control-height-normal);border-radius:var(--border-radius-small);color:rgba(var(--color-secondary),.5)}.cfxui__ToggleGroup__root__fb460.cfxui__ToggleGroup__disabled__75462{opacity:.5;pointer-events:none}.cfxui__ToggleGroup__root__fb460.cfxui__ToggleGroup__descripted__8e168{margin-bottom:var(--offset-normal)}.cfxui__ToggleGroup__root__fb460.cfxui__ToggleGroup__fullWidth__0c589{width:100%}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__description__9429c{position:absolute;bottom:0;padding-top:var(--offset-small);transform:translateY(100%);color:var(--color-toggle-description-text);font-size:var(--font-size-small);white-space:nowrap}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__options__7bc0c{display:flex;height:100%;overflow:hidden;padding:var(--offset-xsmall);background-color:rgba(var(--color-bg),1);box-shadow:0 0 0 2px rgba(var(--color-bg),1) inset;border-radius:var(--border-radius-small);gap:calc(var(--quant) * .75)}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__options__7bc0c.cfxui__ToggleGroup__fullWidth__0c589{width:100%}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__option__8436c{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--offset-small);height:100%;padding:0 var(--offset-normal);width:100%;cursor:pointer;font-weight:var(--font-weight-normal);border-radius:var(--border-radius-small)}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__option__8436c{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__option__8436c:hover{background-color:rgba(var(--color-secondary),.25);color:rgba(var(--color-secondary),1)}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__option__8436c.cfxui__ToggleGroup__active__84da0{color:rgba(var(--color-bg-light),1);background-color:rgba(var(--color-secondary),1)}.cfxui__ToggleGroup__root__fb460.cfxui__ToggleGroup__multiline__6b784{display:flex;height:auto}.cfxui__ToggleGroup__root__fb460.cfxui__ToggleGroup__multiline__6b784 .cfxui__ToggleGroup__options__7bc0c{flex-wrap:wrap}.cfxui__ToggleGroup__root__fb460.cfxui__ToggleGroup__multiline__6b784 .cfxui__ToggleGroup__options__7bc0c .cfxui__ToggleGroup__option__8436c{flex-grow:1;height:var(--control-height-normal)}
1
+ .cfxui__ToggleGroup__unsetAll__6911e{all:unset}.cfxui__ToggleGroup__root__fb460{--options-padding: var(--offset-xsmall);--content-hight: var(--control-height-normal);display:inline-flex;position:relative;height:var(--content-hight);border-radius:var(--border-radius-small);color:rgba(var(--color-secondary),.5)}.cfxui__ToggleGroup__root__fb460.cfxui__ToggleGroup__disabled__75462{opacity:.5;pointer-events:none}.cfxui__ToggleGroup__root__fb460.cfxui__ToggleGroup__fullWidth__0c589{width:100%}.cfxui__ToggleGroup__root__fb460.cfxui__ToggleGroup__large__ad624{--content-hight: var(--control-height-large)}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__options__7bc0c{display:flex;height:var(--option-hight);overflow:hidden;padding:var(--offset-xsmall);background-color:rgba(var(--color-bg),1);border:1px solid rgba(var(--color-bg-light),1);border-radius:var(--border-radius-small);gap:calc(var(--quant) * .75)}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__options__7bc0c.cfxui__ToggleGroup__fullWidth__0c589{width:100%}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__option__8436c{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--offset-small);height:calc(var(--content-hight) - var(--options-padding) * 2 - 2px);padding:0 var(--offset-normal);width:100%;border-radius:calc(var(--quant) * .32);font-weight:var(--font-weight-normal)}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__option__8436c{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__option__8436c:not([disabled]){cursor:pointer}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__option__8436c:hover:not(.cfxui__ToggleGroup__active__84da0),.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__option__8436c:focus-visible:not(:hover,.cfxui__ToggleGroup__active__84da0){background-color:rgba(var(--color-secondary),.25);color:rgba(var(--color-secondary),1)}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__option__8436c:focus-visible:not(:hover){outline:solid calc(var(--quant) * .25) var(--color-control-focus-outline);outline-offset:calc(var(--quant) * .25)}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__option__8436c.cfxui__ToggleGroup__active__84da0{color:rgba(var(--color-bg-light),1);background-color:rgba(var(--color-secondary),1)}.cfxui__ToggleGroup__root__fb460.cfxui__ToggleGroup__multiline__6b784{height:auto}.cfxui__ToggleGroup__root__fb460.cfxui__ToggleGroup__multiline__6b784 .cfxui__ToggleGroup__options__7bc0c{flex-wrap:wrap}.cfxui__ToggleGroup__root__fb460.cfxui__ToggleGroup__multiline__6b784 .cfxui__ToggleGroup__options__7bc0c .cfxui__ToggleGroup__option__8436c{flex-grow:1}