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

package/dist/global.css

@@ -3046,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;
 }
@@ -3360,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;
@@ -3452,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;
@@ -3560,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;
@@ -3599,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;
@@ -3618,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;
@@ -3634,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;
@@ -3645,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 {