@cfx-dev/ui-components 4.1.1 → 4.2.0

package/dist/assets/css/Tabular.css

@@ -1 +1 @@
-.cfxui__Tabular__reset__b1dbc{all:unset}.cfxui__Tabular__root__0ff05{display:flex;align-items:center;box-shadow:0 calc(-1 * var(--tabular-item-border-size, initial)) 0 0 rgba(var(--color-bg-light),1) inset;--notification-gap: var(--tabular-notification-gap, initial)}.cfxui__Tabular__root__0ff05.cfxui__Tabular__theme-dark__80b8c{--color: var(--color-tabular-color-dark)}.cfxui__Tabular__root__0ff05.cfxui__Tabular__theme-light__c05b9{--color: var(--color-tabular-color-light)}.cfxui__Tabular__root__0ff05 .cfxui__Tabular__item__98cc3{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;height:var(--tabular-item-height, initial);cursor:pointer;padding:0 var(--tabular-item-padding, initial);color:var(--color);text-transform:capitalize;font-weight:var(--font-weight-normal);font-size:var(--font-size-xsmall)}.cfxui__Tabular__root__0ff05 .cfxui__Tabular__item__98cc3:disabled{opacity:.5;cursor:not-allowed}.cfxui__Tabular__root__0ff05 .cfxui__Tabular__item__98cc3{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Tabular__root__0ff05 .cfxui__Tabular__item__98cc3:not(:disabled).cfxui__Tabular__active__1ae95{box-shadow:0 calc(-1 * var(--tabular-item-border-size, initial)) 0 0 var(--color) inset;font-weight:var(--font-weight-bold)}.cfxui__Tabular__root__0ff05 .cfxui__Tabular__item__98cc3:not(:disabled):hover{box-shadow:0 calc(-1 * var(--tabular-item-border-size, initial)) 0 0 var(--color) inset}.cfxui__Tabular__root__0ff05 .cfxui__Tabular__item__98cc3:not(:disabled):focus-visible,.cfxui__Tabular__root__0ff05 .cfxui__Tabular__item__98cc3:not(:disabled):focus-visible:hover{box-shadow:0 0 0 var(--tabular-item-border-size, initial) var(--color) inset}.cfxui__Tabular__root__0ff05 .cfxui__Tabular__item__98cc3:after{content:attr(data-text);content:attr(data-text)/"";height:0px;visibility:hidden;overflow:hidden;-webkit-user-select:none;user-select:none;pointer-events:none;font-weight:var(--font-weight-normal);font-size:var(--font-size-xsmall);text-transform:capitalize}@media speech{.cfxui__Tabular__root__0ff05 .cfxui__Tabular__item__98cc3:after{display:none}}.cfxui__Tabular__root__0ff05 .cfxui__Tabular__item__98cc3.cfxui__Tabular__hasNotification__c372f:after{padding-right:calc(var(--notification-gap) + var(--quant))}.cfxui__Tabular__root__0ff05 .cfxui__Tabular__item__98cc3 .cfxui__Tabular__content__3a95a{display:inline-flex;align-items:flex-start;gap:var(--notification-gap)}
+.cfxui__Tabular__reset__b1dbc{all:unset}.cfxui__Tabular__tabular-size-initial-large__9451f.cfxui__Tabular__item__98cc3{height:var(--tabular-large-item-height, initial);padding:0 var(--tabular-large-item-padding, initial)}.cfxui__Tabular__tabular-size-initial-small__4dad8.cfxui__Tabular__item__98cc3{height:var(--tabular-small-item-height, initial);padding:0 var(--tabular-small-item-padding, initial)}@media (min-width: 360px){.cfxui__Tabular__tabular-size-small-large__1390c.cfxui__Tabular__item__98cc3{height:var(--tabular-large-item-height, initial);padding:0 var(--tabular-large-item-padding, initial)}}@media (min-width: 360px){.cfxui__Tabular__tabular-size-small-small__cc6e3.cfxui__Tabular__item__98cc3{height:var(--tabular-small-item-height, initial);padding:0 var(--tabular-small-item-padding, initial)}}@media (min-width: 640px){.cfxui__Tabular__tabular-size-small-medium-large__241e8.cfxui__Tabular__item__98cc3{height:var(--tabular-large-item-height, initial);padding:0 var(--tabular-large-item-padding, initial)}}@media (min-width: 640px){.cfxui__Tabular__tabular-size-small-medium-small__b6c66.cfxui__Tabular__item__98cc3{height:var(--tabular-small-item-height, initial);padding:0 var(--tabular-small-item-padding, initial)}}@media (min-width: 1024px){.cfxui__Tabular__tabular-size-medium-large__2ff04.cfxui__Tabular__item__98cc3{height:var(--tabular-large-item-height, initial);padding:0 var(--tabular-large-item-padding, initial)}}@media (min-width: 1024px){.cfxui__Tabular__tabular-size-medium-small__b397b.cfxui__Tabular__item__98cc3{height:var(--tabular-small-item-height, initial);padding:0 var(--tabular-small-item-padding, initial)}}@media (min-width: 1280px){.cfxui__Tabular__tabular-size-medium-large-large__8b35a.cfxui__Tabular__item__98cc3{height:var(--tabular-large-item-height, initial);padding:0 var(--tabular-large-item-padding, initial)}}@media (min-width: 1280px){.cfxui__Tabular__tabular-size-medium-large-small__cec0c.cfxui__Tabular__item__98cc3{height:var(--tabular-small-item-height, initial);padding:0 var(--tabular-small-item-padding, initial)}}@media (min-width: 1920px){.cfxui__Tabular__tabular-size-large-large__e3c30.cfxui__Tabular__item__98cc3{height:var(--tabular-large-item-height, initial);padding:0 var(--tabular-large-item-padding, initial)}}@media (min-width: 1920px){.cfxui__Tabular__tabular-size-large-small__193f0.cfxui__Tabular__item__98cc3{height:var(--tabular-small-item-height, initial);padding:0 var(--tabular-small-item-padding, initial)}}@media (min-width: 2560px){.cfxui__Tabular__tabular-size-xlarge-large__e1e19.cfxui__Tabular__item__98cc3{height:var(--tabular-large-item-height, initial);padding:0 var(--tabular-large-item-padding, initial)}}@media (min-width: 2560px){.cfxui__Tabular__tabular-size-xlarge-small__9c3b6.cfxui__Tabular__item__98cc3{height:var(--tabular-small-item-height, initial);padding:0 var(--tabular-small-item-padding, initial)}}.cfxui__Tabular__root__0ff05{display:flex;align-items:center;box-shadow:0 calc(-1 * var(--tabular-item-border-size, initial)) 0 0 rgba(var(--color-bg-light),1) inset;--notification-gap: var(--tabular-notification-gap, initial)}.cfxui__Tabular__root__0ff05.cfxui__Tabular__theme-dark__80b8c{--color: var(--color-tabular-color-dark)}.cfxui__Tabular__root__0ff05.cfxui__Tabular__theme-light__c05b9{--color: var(--color-tabular-color-light)}.cfxui__Tabular__item__98cc3{font-size:var(--font-size-xsmall);padding:0 var(--tabular-medium-item-padding, initial);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;height:var(--tabular-medium-item-height, initial);cursor:pointer;color:var(--color);text-transform:capitalize;font-weight:var(--font-weight-normal)}.cfxui__Tabular__item__98cc3:disabled{opacity:.5;cursor:not-allowed}.cfxui__Tabular__item__98cc3{transition:all .25s ease,outline-offset 0s,outline 0s}.cfxui__Tabular__item__98cc3:not(:disabled).cfxui__Tabular__active__1ae95{box-shadow:0 calc(-1 * var(--tabular-item-border-size, initial)) 0 0 var(--color) inset;font-weight:var(--font-weight-bold)}.cfxui__Tabular__item__98cc3:not(:disabled):hover{box-shadow:0 calc(-1 * var(--tabular-item-border-size, initial)) 0 0 var(--color) inset}.cfxui__Tabular__item__98cc3:not(:disabled):focus-visible,.cfxui__Tabular__item__98cc3:not(:disabled):focus-visible:hover{box-shadow:0 0 0 var(--tabular-item-border-size, initial) var(--color) inset}.cfxui__Tabular__item__98cc3:after{content:attr(data-text);content:attr(data-text)/"";height:0px;visibility:hidden;overflow:hidden;-webkit-user-select:none;user-select:none;pointer-events:none;font-weight:var(--font-weight-normal);text-transform:capitalize}@media speech{.cfxui__Tabular__item__98cc3:after{display:none}}.cfxui__Tabular__item__98cc3.cfxui__Tabular__hasNotification__c372f:after{padding-right:calc(var(--notification-gap) + var(--quant))}.cfxui__Tabular__item__98cc3 .cfxui__Tabular__content__3a95a{display:inline-flex;align-items:flex-start;gap:var(--notification-gap)}

package/dist/assets/css/ToggleGroup.css

@@ -1 +1 @@
-.cfxui__ToggleGroup__root__fb460{display:inline-flex;position:relative;height:var(--control-height-normal)}.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__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)}.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;gap:1px;height:100%;overflow:hidden;background-color:var(--color-toggle-background);box-shadow:0 0 0 2px var(--color-toggle-border) inset;border-radius:var(--border-radius-small)}.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);font-weight:var(--font-weight-normal);cursor:pointer}.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:after{content:"";display:block;position:absolute;right:-1px;top:2px;bottom:2px;background-color:var(--color-toggle-border);width:1px}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__option__8436c:hover{background-color:var(--color-toggle-hover-background)}.cfxui__ToggleGroup__root__fb460 .cfxui__ToggleGroup__option__8436c.cfxui__ToggleGroup__active__84da0{color:var(--color-toggle-active-text);background-color:var(--color-toggle-active-background)}
+.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__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)}.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;gap:1px;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);font-weight:var(--font-weight-normal);cursor:pointer;border-radius:var(--border-radius-small);width:100%}.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)}