@oliasoft-open-source/react-ui-library 4.0.0-beta-9 → 4.0.0-beta-11

package/dist/global.css

@@ -1208,80 +1208,80 @@ a {
   transform-origin: 100% 0%;
   z-index: 3;
 }
-._inputInTable_1z38r_1 {
+._inputInTable_4glow_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1z38r_1:not(:hover) {
+._inputInTable_4glow_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1z38r_1:not(:focus) {
+._inputInTable_4glow_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1z38r_13 {
+._inputHover_4glow_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1z38r_18 {
+._inputFocus_4glow_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1z38r_25,
-._inputWarning_1z38r_26 {
+._inputError_4glow_25,
+._inputWarning_4glow_26 {
   position: relative;
 }
-._inputError_1z38r_25 {
+._inputError_4glow_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1z38r_25:hover {
+._inputError_4glow_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1z38r_25:focus {
+._inputError_4glow_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1z38r_26 {
+._inputWarning_4glow_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1z38r_26:hover {
+._inputWarning_4glow_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1z38r_26:focus {
+._inputWarning_4glow_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1z38r_61 {
+._inputDisabled_4glow_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1z38r_67 {
+._hideScrollbars_4glow_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1z38r_67::-webkit-scrollbar {
+._hideScrollbars_4glow_67::-webkit-scrollbar {
   display: none;
 }
 :root {
@@ -1307,7 +1307,7 @@ html[data-theme='dark'] {
   --color-border-button: var(--color-border);
   --color-border-button-hover: var(--color-border);
 }
-._button_1z38r_100 {
+._button_4glow_100 {
   cursor: pointer;
   display: inline-flex;
   align-items: center;
@@ -1333,224 +1333,221 @@ html[data-theme='dark'] {
   min-height: var(--size);
   box-shadow: var(--shadow-button);
 }
-._button_1z38r_100:hover {
+._button_4glow_100:hover {
   background: var(--color-background-button-default-hover);
   border-color: var(--color-border-button-hover);
 }
-._button_1z38r_100:focus {
+._button_4glow_100:focus {
   box-shadow: var(--shadow-focus) !important;
 }
-._button_1z38r_100:active {
+._button_4glow_100:active {
   background: var(--color-background-button-default-active);
   box-shadow: none;
 }
-._button_1z38r_100._active_1z38r_137:not(._green_1z38r_137):not(._red_1z38r_137):not(._orange_1z38r_137) {
+._button_4glow_100._active_4glow_137:not(._green_4glow_137):not(._red_4glow_137):not(._orange_4glow_137) {
   border-color: var(--color-background-button-primary);
   color: var(--color-text-primary);
   position: relative;
   z-index: 2;
 }
-._button_1z38r_100:hover,
-._button_1z38r_100:focus,
-._button_1z38r_100:active {
+._button_4glow_100:hover,
+._button_4glow_100:focus,
+._button_4glow_100:active {
   position: relative;
   z-index: 1;
 }
-._button_1z38r_100 ._icon_1z38r_149 {
+._button_4glow_100 ._icon_4glow_149 {
   margin: -2px;
   margin-right: var(--spacing-xs);
   font-size: 1.25em;
 }
-._iconOnly_1z38r_154 {
+._iconOnly_4glow_154 {
   width: var(--size);
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }
-._iconOnly_1z38r_154 ._icon_1z38r_149 {
+._iconOnly_4glow_154 ._icon_4glow_149 {
   margin: 0;
   line-height: 0;
 }
-._basic_1z38r_164 {
+._basic_4glow_164 {
   color: var(--color-text-primary);
   background: transparent;
   box-shadow: none !important;
   border: none !important;
 }
-._basic_1z38r_164._muted_1z38r_170 {
+._basic_4glow_164._muted_4glow_170 {
   color: var(--color-text-muted);
 }
-._basic_1z38r_164:hover {
+._basic_4glow_164:hover {
   color: var(--color-text-primary-hover);
   background: rgba(0, 0, 0, 0.05);
 }
-._basic_1z38r_164:active,
-._basic_1z38r_164._active_1z38r_137 {
+._basic_4glow_164:active,
+._basic_4glow_164._active_4glow_137 {
   color: var(--color-text-primary-active);
   background: rgba(0, 0, 0, 0.1);
 }
-._disabled_1z38r_182 {
+._disabled_4glow_182 {
   cursor: default;
   pointer-events: none !important;
   color: var(--color-text-faint) !important;
   box-shadow: none !important;
 }
-._disabled_1z38r_182:not(._active_1z38r_137):not(._basic_1z38r_164) {
+._disabled_4glow_182:not(._active_4glow_137):not(._basic_4glow_164) {
   background: var(--color-background-disabled) !important;
   border: 1px solid var(--color-border) !important;
 }
-._small_1z38r_192 {
+._small_4glow_192 {
   font-size: var(--font-size-sm);
   min-height: var(--size-sm);
   padding: var(--padding-input-sm);
 }
-._pill_1z38r_197,
-._round_1z38r_198 {
-  text-transform: uppercase;
-  letter-spacing: 0.1em;
-  font-weight: bold;
+._pill_4glow_197,
+._round_4glow_198 {
   border-radius: 19px;
   display: inline-flex;
   align-items: center;
 }
-._round_1z38r_198 {
+._round_4glow_198 {
   padding: 0;
   width: var(--size);
   line-height: 1;
 }
-._round_1z38r_198._small_1z38r_192 {
+._round_4glow_198._small_4glow_192 {
   width: var(--size-sm);
 }
-._orange_1z38r_137:not(._basic_1z38r_164) {
+._orange_4glow_137:not(._basic_4glow_164) {
   background-color: var(--color-background-button-primary);
 }
-._orange_1z38r_137:not(._basic_1z38r_164):hover {
+._orange_4glow_137:not(._basic_4glow_164):hover {
   background-color: var(--color-background-button-primary-hover);
 }
-._orange_1z38r_137:not(._basic_1z38r_164):active,
-._orange_1z38r_137:not(._basic_1z38r_164)._active_1z38r_137 {
+._orange_4glow_137:not(._basic_4glow_164):active,
+._orange_4glow_137:not(._basic_4glow_164)._active_4glow_137 {
   background-color: var(--color-background-button-primary-active);
 }
-._red_1z38r_137:not(._basic_1z38r_164) {
+._red_4glow_137:not(._basic_4glow_164) {
   background-color: var(--color-background-button-error);
 }
-._red_1z38r_137:not(._basic_1z38r_164):hover {
+._red_4glow_137:not(._basic_4glow_164):hover {
   background-color: var(--color-background-button-error-hover);
 }
-._red_1z38r_137:not(._basic_1z38r_164):active,
-._red_1z38r_137:not(._basic_1z38r_164)._active_1z38r_137 {
+._red_4glow_137:not(._basic_4glow_164):active,
+._red_4glow_137:not(._basic_4glow_164)._active_4glow_137 {
   background-color: var(--color-background-button-error-active);
 }
-._red_1z38r_137._basic_1z38r_164 {
+._red_4glow_137._basic_4glow_164 {
   color: var(--color-text-error);
 }
-._green_1z38r_137:not(._basic_1z38r_164) {
+._green_4glow_137:not(._basic_4glow_164) {
   background-color: var(--color-background-button-success);
 }
-._green_1z38r_137:not(._basic_1z38r_164):hover {
+._green_4glow_137:not(._basic_4glow_164):hover {
   background-color: var(--color-background-button-success-hover);
 }
-._green_1z38r_137:not(._basic_1z38r_164):active,
-._green_1z38r_137:not(._basic_1z38r_164)._active_1z38r_137 {
+._green_4glow_137:not(._basic_4glow_164):active,
+._green_4glow_137:not(._basic_4glow_164)._active_4glow_137 {
   background-color: var(--color-background-button-success-active);
 }
-._green_1z38r_137._basic_1z38r_164 {
+._green_4glow_137._basic_4glow_164 {
   color: var(--color-text-success);
 }
-._orange_1z38r_137:not(._basic_1z38r_164),
-._red_1z38r_137:not(._basic_1z38r_164),
-._green_1z38r_137:not(._basic_1z38r_164) {
+._orange_4glow_137:not(._basic_4glow_164),
+._red_4glow_137:not(._basic_4glow_164),
+._green_4glow_137:not(._basic_4glow_164) {
   color: #fff;
 }
-._orange_1z38r_137:not(._basic_1z38r_164):hover,
-._red_1z38r_137:not(._basic_1z38r_164):hover,
-._green_1z38r_137:not(._basic_1z38r_164):hover {
+._orange_4glow_137:not(._basic_4glow_164):hover,
+._red_4glow_137:not(._basic_4glow_164):hover,
+._green_4glow_137:not(._basic_4glow_164):hover {
   color: #fff;
 }
-._orange_1z38r_137:not(._basic_1z38r_164):active,
-._red_1z38r_137:not(._basic_1z38r_164):active,
-._green_1z38r_137:not(._basic_1z38r_164):active,
-._orange_1z38r_137:not(._basic_1z38r_164)._active_1z38r_137,
-._red_1z38r_137:not(._basic_1z38r_164)._active_1z38r_137,
-._green_1z38r_137:not(._basic_1z38r_164)._active_1z38r_137 {
+._orange_4glow_137:not(._basic_4glow_164):active,
+._red_4glow_137:not(._basic_4glow_164):active,
+._green_4glow_137:not(._basic_4glow_164):active,
+._orange_4glow_137:not(._basic_4glow_164)._active_4glow_137,
+._red_4glow_137:not(._basic_4glow_164)._active_4glow_137,
+._green_4glow_137:not(._basic_4glow_164)._active_4glow_137 {
   color: #fff;
 }
-._error_1z38r_268 {
+._error_4glow_265 {
   position: relative;
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._error_1z38r_268:hover {
+._error_4glow_265:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._error_1z38r_268:focus {
+._error_4glow_265:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._warning_1z38r_285 {
+._warning_4glow_282 {
   position: relative;
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._warning_1z38r_285:hover {
+._warning_4glow_282:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._warning_1z38r_285:focus {
+._warning_4glow_282:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inverted_1z38r_302 {
+._inverted_4glow_299 {
   background-color: transparent;
   border-color: var(--color-text);
   box-shadow: none;
 }
-._inverted_1z38r_302:hover,
-._inverted_1z38r_302:active {
+._inverted_4glow_299:hover,
+._inverted_4glow_299:active {
   box-shadow: none;
 }
-._inverted_1z38r_302._orange_1z38r_137 {
+._inverted_4glow_299._orange_4glow_137 {
   color: var(--color-background-button-primary);
   border-color: var(--color-background-button-primary);
 }
-._inverted_1z38r_302._red_1z38r_137 {
+._inverted_4glow_299._red_4glow_137 {
   color: var(--color-background-button-error);
   border-color: var(--color-background-button-error);
 }
-._inverted_1z38r_302._green_1z38r_137 {
+._inverted_4glow_299._green_4glow_137 {
   color: var(--color-background-button-success);
   border-color: var(--color-background-button-success);
 }
-._inverted_1z38r_302._orange_1z38r_137:hover,
-._inverted_1z38r_302._red_1z38r_137:hover,
-._inverted_1z38r_302._green_1z38r_137:hover,
-._inverted_1z38r_302._orange_1z38r_137:active,
-._inverted_1z38r_302._red_1z38r_137:active,
-._inverted_1z38r_302._green_1z38r_137:active {
+._inverted_4glow_299._orange_4glow_137:hover,
+._inverted_4glow_299._red_4glow_137:hover,
+._inverted_4glow_299._green_4glow_137:hover,
+._inverted_4glow_299._orange_4glow_137:active,
+._inverted_4glow_299._red_4glow_137:active,
+._inverted_4glow_299._green_4glow_137:active {
   color: white;
   box-shadow: none;
 }
-._groupOrderFirst_1z38r_332,
-._groupOrderMiddle_1z38r_333,
-._groupOrderLast_1z38r_334 {
+._groupOrderFirst_4glow_329,
+._groupOrderMiddle_4glow_330,
+._groupOrderLast_4glow_331 {
   margin-right: 0;
 }
-._groupOrderFirst_1z38r_332,
-._groupOrderMiddle_1z38r_333 {
+._groupOrderFirst_4glow_329,
+._groupOrderMiddle_4glow_330 {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-._groupOrderLast_1z38r_334,
-._groupOrderMiddle_1z38r_333 {
+._groupOrderLast_4glow_331,
+._groupOrderMiddle_4glow_330 {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
@@ -3049,205 +3046,205 @@ html[data-theme='dark'] {
 ._page_beskc_1._scroll_beskc_23 {
   overflow: auto;
 }
-._inputInTable_brru0_1 {
+._inputInTable_1cli0_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_brru0_1:not(:hover) {
+._inputInTable_1cli0_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_brru0_1:not(:focus) {
+._inputInTable_1cli0_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_brru0_13 {
+._inputHover_1cli0_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_brru0_18 {
+._inputFocus_1cli0_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_brru0_25,
-._inputWarning_brru0_26 {
+._inputError_1cli0_25,
+._inputWarning_1cli0_26 {
   position: relative;
 }
-._inputError_brru0_25 {
+._inputError_1cli0_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_brru0_25:hover {
+._inputError_1cli0_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_brru0_25:focus {
+._inputError_1cli0_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_brru0_26 {
+._inputWarning_1cli0_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_brru0_26:hover {
+._inputWarning_1cli0_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_brru0_26:focus {
+._inputWarning_1cli0_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_brru0_61 {
+._inputDisabled_1cli0_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_brru0_67 {
+._hideScrollbars_1cli0_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_brru0_67::-webkit-scrollbar {
+._hideScrollbars_1cli0_67::-webkit-scrollbar {
   display: none;
 }
-._select_brru0_77 {
+._select_1cli0_77 {
   appearance: none !important;
   -webkit-appearance: none !important;
   -moz-appearance: none !important;
   display: inline-block;
   width: 100%;
   padding: var(--padding-input);
-  padding-right: calc(var(--size-xs) + (2 * var(--spacing-xs)));
+  padding-right: calc(var(--padding-input-x) + var(--font-size));
   color: var(--color-text);
   vertical-align: middle;
   background: var(--color-background-input) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.75' stroke='rgb(63, 63, 51)' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 9l6 6l6 -6' /%3E%3C/svg%3E") no-repeat right var(--spacing-xs) center;
-  background-size: calc(var(--size) / 2);
+  background-size: var(--font-size);
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
   height: var(--size);
   box-shadow: var(--shadow-button);
 }
-[data-theme='dark'] ._select_brru0_77 {
+[data-theme='dark'] ._select_1cli0_77 {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.75' stroke='rgb(215, 215, 206)' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 9l6 6l6 -6' /%3E%3C/svg%3E");
 }
-._select_brru0_77 option {
+._select_1cli0_77 option {
   background: var(--color-background-input);
   color: var(--color-text);
 }
-._select_brru0_77 option:focus {
+._select_1cli0_77 option:focus {
   background-color: var(--color-background-listitem-active);
 }
-._select_brru0_77:-moz-focusring {
+._select_1cli0_77:-moz-focusring {
   color: transparent !important;
   text-shadow: 0 0 0 #000 !important;
 }
-._select_brru0_77:hover {
+._select_1cli0_77:hover {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
   cursor: pointer;
 }
-._select_brru0_77:focus {
+._select_1cli0_77:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._select_brru0_77._isInTable_brru0_121 {
+._select_1cli0_77._isInTable_1cli0_121 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._select_brru0_77._isInTable_brru0_121:not(:hover) {
+._select_1cli0_77._isInTable_1cli0_121:not(:hover) {
   border-color: transparent;
 }
-._select_brru0_77._isInTable_brru0_121:not(:focus) {
+._select_1cli0_77._isInTable_1cli0_121:not(:focus) {
   box-shadow: none;
 }
-._select_brru0_77._unSelected_brru0_133 {
+._select_1cli0_77._unSelected_1cli0_133 {
   color: var(--color-text-placeholder) !important;
 }
-._select_brru0_77._unSelected_brru0_133:-moz-focusring {
+._select_1cli0_77._unSelected_1cli0_133:-moz-focusring {
   color: transparent !important;
   text-shadow: 0 0 0 #000 !important;
 }
-._select_brru0_77._error_brru0_140 {
+._select_1cli0_77._error_1cli0_140 {
   position: relative;
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._select_brru0_77._error_brru0_140:hover {
+._select_1cli0_77._error_1cli0_140:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._select_brru0_77._error_brru0_140:focus {
+._select_1cli0_77._error_1cli0_140:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._select_brru0_77._warning_brru0_157 {
+._select_1cli0_77._warning_1cli0_157 {
   position: relative;
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._select_brru0_77._warning_brru0_157:hover {
+._select_1cli0_77._warning_1cli0_157:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._select_brru0_77._warning_brru0_157:focus {
+._select_1cli0_77._warning_1cli0_157:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._select_brru0_77._small_brru0_174 {
+._select_1cli0_77._small_1cli0_174 {
   font-size: var(--font-size-sm);
   height: var(--size-sm);
   padding: var(--padding-input-sm);
-  background-size: calc(var(--size-sm) / 2);
+  background-size: var(--font-size-sm);
   background-position: right var(--spacing-2xs) center;
-  padding-right: 28px;
+  padding-right: calc(var(--padding-input-sm-x) + var(--font-size-sm));
 }
-._select_brru0_77._right_brru0_182 {
+._select_1cli0_77._right_1cli0_182 {
   text-align: right;
   text-align-last: right;
 }
-._select_brru0_77[disabled] {
+._select_1cli0_77[disabled] {
   opacity: 1;
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._groupOrderFirst_brru0_193,
-._groupOrderMiddle_brru0_194 {
+._groupOrderFirst_1cli0_193,
+._groupOrderMiddle_1cli0_194 {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-._groupOrderLast_brru0_198,
-._groupOrderMiddle_brru0_194 {
+._groupOrderLast_1cli0_198,
+._groupOrderMiddle_1cli0_194 {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
@@ -3363,87 +3360,83 @@ html[data-theme='dark'] {
   display: inline;
   white-space: nowrap;
 }
-._inputInTable_1dpp2_1 {
+._inputInTable_1nzsx_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_1dpp2_1:not(:hover) {
+._inputInTable_1nzsx_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_1dpp2_1:not(:focus) {
+._inputInTable_1nzsx_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_1dpp2_13 {
+._inputHover_1nzsx_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_1dpp2_18 {
+._inputFocus_1nzsx_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_1dpp2_25,
-._inputWarning_1dpp2_26 {
+._inputError_1nzsx_25,
+._inputWarning_1nzsx_26 {
   position: relative;
 }
-._inputError_1dpp2_25 {
+._inputError_1nzsx_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._inputError_1dpp2_25:hover {
+._inputError_1nzsx_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_1dpp2_25:focus {
+._inputError_1nzsx_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_1dpp2_26 {
+._inputWarning_1nzsx_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._inputWarning_1dpp2_26:hover {
+._inputWarning_1nzsx_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_1dpp2_26:focus {
+._inputWarning_1nzsx_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_1dpp2_61 {
+._inputDisabled_1nzsx_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_1dpp2_67 {
+._hideScrollbars_1nzsx_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_1dpp2_67::-webkit-scrollbar {
+._hideScrollbars_1nzsx_67::-webkit-scrollbar {
   display: none;
 }
-:root {
-  --size-select-icon: calc(var(--size) / 2);
-  --size-select-icon-sm: calc(var(--size-sm) / 2);
-}
-._trigger_1dpp2_81 {
+._trigger_1nzsx_77 {
   font-weight: normal;
   display: flex;
   align-items: center;
@@ -3455,106 +3448,104 @@ html[data-theme='dark'] {
   padding-left: var(--padding-input-x);
   box-shadow: var(--shadow-button);
 }
-._trigger_1dpp2_81 input {
+._trigger_1nzsx_77 input {
   border: none !important;
   background: transparent !important;
 }
-._trigger_1dpp2_81._isInTable_1dpp2_97 {
+._trigger_1nzsx_77._isInTable_1nzsx_93 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._trigger_1dpp2_81._isInTable_1dpp2_97:not(:hover) {
+._trigger_1nzsx_77._isInTable_1nzsx_93:not(:hover) {
   border-color: transparent;
 }
-._trigger_1dpp2_81._isInTable_1dpp2_97:not(:focus) {
+._trigger_1nzsx_77._isInTable_1nzsx_93:not(:focus) {
   box-shadow: none;
 }
-._trigger_1dpp2_81._isInTable_1dpp2_97 ._input_1dpp2_1 {
+._trigger_1nzsx_77._isInTable_1nzsx_93 ._input_1nzsx_1 {
   background: transparent !important;
 }
-._trigger_1dpp2_81:hover {
+._trigger_1nzsx_77:hover {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
   cursor: pointer;
 }
-._trigger_1dpp2_81._isOpen_1dpp2_118,
-._trigger_1dpp2_81:focus {
+._trigger_1nzsx_77._isOpen_1nzsx_114,
+._trigger_1nzsx_77:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._trigger_1dpp2_81._error_1dpp2_126 {
+._trigger_1nzsx_77._error_1nzsx_122 {
   position: relative;
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error);
 }
-._trigger_1dpp2_81._error_1dpp2_126:hover {
+._trigger_1nzsx_77._error_1nzsx_122:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._trigger_1dpp2_81._error_1dpp2_126:focus {
+._trigger_1nzsx_77._error_1nzsx_122:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._trigger_1dpp2_81._warning_1dpp2_143 {
+._trigger_1nzsx_77._warning_1nzsx_139 {
   position: relative;
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning);
 }
-._trigger_1dpp2_81._warning_1dpp2_143:hover {
+._trigger_1nzsx_77._warning_1nzsx_139:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._trigger_1dpp2_81._warning_1dpp2_143:focus {
+._trigger_1nzsx_77._warning_1nzsx_139:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._trigger_1dpp2_81._disabled_1dpp2_160 {
+._trigger_1nzsx_77._disabled_1nzsx_156 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._icons_1dpp2_166 {
+._icons_1nzsx_162 {
   display: flex;
   flex-wrap: nowrap;
   flex-shrink: 0;
   position: relative;
   z-index: 2;
 }
-._icons_1dpp2_166 ._clearAll_1dpp2_173,
-._icons_1dpp2_166 ._iconOpen_1dpp2_174 {
-  font-size: var(--size-select-icon);
-  width: var(--size);
+._icons_1nzsx_162 ._clearAll_1nzsx_169,
+._icons_1nzsx_162 ._iconOpen_1nzsx_170 {
+  width: calc((var(--size) + var(--font-size)) / 2);
   height: var(--size);
   display: flex;
-  justify-content: center;
+  justify-content: flex-start;
   align-items: center;
   color: var(--color-text);
 }
-._small_1dpp2_183 ._icons_1dpp2_166 ._clearAll_1dpp2_173,
-._small_1dpp2_183 ._icons_1dpp2_166 ._iconOpen_1dpp2_174 {
-  font-size: var(--size-select-icon-sm);
-  width: var(--size-sm);
+._small_1nzsx_178 ._icons_1nzsx_162 ._clearAll_1nzsx_169,
+._small_1nzsx_178 ._icons_1nzsx_162 ._iconOpen_1nzsx_170 {
+  width: calc((var(--size-sm) + var(--font-size-sm)) / 2);
   height: var(--size-sm);
 }
-._icons_1dpp2_166 ._clearAll_1dpp2_173:hover {
+._icons_1nzsx_162 ._clearAll_1nzsx_169:hover {
   color: var(--color-text-primary);
 }
-._triggerInputContainer_1dpp2_192 {
+._triggerInputContainer_1nzsx_186 {
   display: flex;
   align-items: center;
   position: relative;
@@ -3563,31 +3554,31 @@ html[data-theme='dark'] {
   min-width: 0;
   margin-right: 4px;
 }
-._right_1dpp2_201 ._triggerInputContainer_1dpp2_192 {
+._right_1nzsx_195 ._triggerInputContainer_1nzsx_186 {
   justify-content: flex-end;
   text-align: right;
 }
-._right_1dpp2_201 ._triggerInputContainer_1dpp2_192 input {
+._right_1nzsx_195 ._triggerInputContainer_1nzsx_186 input {
   padding-right: 0;
   padding-left: 0;
   text-align: right;
   width: 0;
 }
-._right_1dpp2_201 ._triggerInputContainer_1dpp2_192 input:focus {
+._right_1nzsx_195 ._triggerInputContainer_1nzsx_186 input:focus {
   width: auto;
 }
-._multiOptions_1dpp2_214 {
+._multiOptions_1nzsx_208 {
   display: flex;
   overflow: hidden;
-  margin-left: -8px;
+  margin-left: -7px;
 }
-._small_1dpp2_183 ._multiOptions_1dpp2_214 {
-  margin-left: -5px;
+._small_1nzsx_178 ._multiOptions_1nzsx_208 {
+  margin-left: -4px;
 }
-._multiOptions_1dpp2_214:empty {
+._multiOptions_1nzsx_208:empty {
   display: none !important;
 }
-._multiOptions_1dpp2_214 ._multiOption_1dpp2_214 {
+._multiOptions_1nzsx_208 ._multiOption_1nzsx_208 {
   user-select: none;
   pointer-events: none;
   display: inline-flex;
@@ -3602,16 +3593,16 @@ html[data-theme='dark'] {
   max-width: 100%;
   min-width: 0;
   flex-shrink: 0;
-  margin-right: 2px;
+  margin-right: 3px;
 }
-._small_1dpp2_183 ._multiOptions_1dpp2_214 ._multiOption_1dpp2_214 {
+._small_1nzsx_178 ._multiOptions_1nzsx_208 ._multiOption_1nzsx_208 {
   height: var(--size-xs);
   padding: 0 3px;
 }
-._multiOptions_1dpp2_214 ._multiOption_1dpp2_214 ._label_1dpp2_246 {
+._multiOptions_1nzsx_208 ._multiOption_1nzsx_208 ._label_1nzsx_240 {
   white-space: nowrap;
 }
-._multiOptions_1dpp2_214 ._multiOption_1dpp2_214 ._closeMultiOption_1dpp2_249 {
+._multiOptions_1nzsx_208 ._multiOption_1nzsx_208 ._closeMultiOption_1nzsx_243 {
   flex-shrink: 0;
   display: flex;
   align-items: center;
@@ -3621,13 +3612,13 @@ html[data-theme='dark'] {
   opacity: 0.25;
   aspect-ratio: 1;
 }
-._multiOptions_1dpp2_214 ._multiOption_1dpp2_214 ._closeMultiOption_1dpp2_249:hover,
-._multiOptions_1dpp2_214 ._multiOption_1dpp2_214 ._closeMultiOption_1dpp2_249._focus_1dpp2_260 {
+._multiOptions_1nzsx_208 ._multiOption_1nzsx_208 ._closeMultiOption_1nzsx_243:hover,
+._multiOptions_1nzsx_208 ._multiOption_1nzsx_208 ._closeMultiOption_1nzsx_243._focus_1nzsx_254 {
   opacity: 1;
   outline: 0;
 }
-._selectedSingleValue_1dpp2_264,
-._placeHolder_1dpp2_265 {
+._selectedSingleValue_1nzsx_258,
+._placeHolder_1nzsx_259 {
   line-height: calc(var(--size) - 2px);
   right: 0;
   left: 0;
@@ -3637,10 +3628,10 @@ html[data-theme='dark'] {
   display: block;
   position: absolute;
 }
-._placeHolder_1dpp2_265 {
+._placeHolder_1nzsx_259 {
   color: var(--color-text-placeholder);
 }
-._input_1dpp2_1 {
+._input_1nzsx_1 {
   font-family: var(--font-family);
   background-color: transparent;
   border: none;
@@ -3648,43 +3639,43 @@ html[data-theme='dark'] {
   padding: 0;
   width: 0;
 }
-._input_1dpp2_1._error_1dpp2_126 {
+._input_1nzsx_1._error_1nzsx_122 {
   color: var(--color-text-error) !important;
 }
-._input_1dpp2_1:focus {
+._input_1nzsx_1:focus {
   outline: none;
   width: auto;
 }
-._small_1dpp2_183 {
+._small_1nzsx_178 {
   height: var(--size-sm);
   font-size: var(--font-size-sm);
   padding-left: var(--padding-input-sm-x);
 }
-._small_1dpp2_183 ._selectedSingleValue_1dpp2_264,
-._small_1dpp2_183 ._placeHolder_1dpp2_265,
-._small_1dpp2_183 ._input_1dpp2_1 {
+._small_1nzsx_178 ._selectedSingleValue_1nzsx_258,
+._small_1nzsx_178 ._placeHolder_1nzsx_259,
+._small_1nzsx_178 ._input_1nzsx_1 {
   height: calc(var(--size-sm) - 2px);
   line-height: calc(var(--size-sm) - 2px);
 }
-._groupOrderFirst_1dpp2_304,
-._groupOrderMiddle_1dpp2_305 {
+._groupOrderFirst_1nzsx_298,
+._groupOrderMiddle_1nzsx_299 {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-._groupOrderLast_1dpp2_309,
-._groupOrderMiddle_1dpp2_305 {
+._groupOrderLast_1nzsx_303,
+._groupOrderMiddle_1nzsx_299 {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-._detailedLabel_1dpp2_314 {
+._detailedLabel_1nzsx_308 {
   width: 100%;
 }
-._detailedLabel_1dpp2_314 :first-child {
+._detailedLabel_1nzsx_308 :first-child {
   float: left;
   position: absolute;
   padding-right: 5px;
 }
-._detailedLabel_1dpp2_314 :last-child {
+._detailedLabel_1nzsx_308 :last-child {
   float: right;
 }
 ._paginationContainer_1tmz4_1 {