@oliasoft-open-source/react-ui-library 3.9.13 → 3.9.14

package/dist/global.css

@@ -3269,17 +3269,17 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
-._wrapper_4b1ge_333 {
+._wrapper_b0mju_333 {
   display: inline-flex;
   max-width: 100%;
 }
-._layer_4b1ge_337 ._wrapper_4b1ge_333 {
+._layer_b0mju_337 ._wrapper_b0mju_333 {
   width: 100%;
 }
-._layerContainer_4b1ge_340 {
+._layerContainer_b0mju_340 {
   z-index: 2002;
 }
-._layer_4b1ge_337 {
+._layer_b0mju_337 {
   border: 1px solid var(--color-border);
   border-radius: 4px;
   overflow: hidden;
@@ -3291,99 +3291,98 @@ html[data-theme='dark'] {
   position: relative;
   overflow-y: auto;
 }
-._layer_4b1ge_337._nested_4b1ge_355 {
+._layer_b0mju_337._nested_b0mju_355 {
   margin: -1px 2px;
 }
-._layer_4b1ge_337 ul {
+._layer_b0mju_337 ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
-._layer_4b1ge_337 ul li {
+._layer_b0mju_337 ul li {
   list-style: none;
   display: block;
 }
-._fileInput_4b1ge_367 {
+._fileInput_b0mju_367 {
   width: 100%;
   height: 100%;
   opacity: 0;
   position: absolute;
 }
-._trigger_4b1ge_373 {
+._trigger_b0mju_373 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
-  overflow: hidden;
   max-width: 100%;
 }
-._layer_4b1ge_337 ._trigger_4b1ge_373 {
+._layer_b0mju_337 ._trigger_b0mju_373 {
   width: 100%;
 }
-._middleAlignedInline_4b1ge_383 {
+._middleAlignedInline_b0mju_382 {
   display: flex;
   align-items: center;
   overflow: hidden;
   width: 100%;
 }
-._heading_4b1ge_389 {
+._heading_b0mju_388 {
   color: var(--color-text-muted);
   letter-spacing: 0.1em;
   text-transform: uppercase;
   font-size: 12px;
 }
-._heading_4b1ge_389 ._headingIcon_4b1ge_395 {
+._heading_b0mju_388 ._headingIcon_b0mju_394 {
   float: right;
 }
-._heading_4b1ge_389 ._headingIcon_4b1ge_395 svg {
+._heading_b0mju_388 ._headingIcon_b0mju_394 svg {
   color: var(--color-text-faint);
 }
-._heading_4b1ge_389 ._headingIcon_4b1ge_395:hover {
+._heading_b0mju_388 ._headingIcon_b0mju_394:hover {
   cursor: pointer;
 }
-._heading_4b1ge_389 ._headingIcon_4b1ge_395:hover svg {
+._heading_b0mju_388 ._headingIcon_b0mju_394:hover svg {
   color: var(--color-text-primary-hover);
 }
-._option_4b1ge_407 {
+._option_b0mju_406 {
   color: inherit;
   display: block;
 }
-._heading_4b1ge_389,
-._option_4b1ge_407,
-._layer_4b1ge_337 ._trigger_4b1ge_373 {
+._heading_b0mju_388,
+._option_b0mju_406,
+._layer_b0mju_337 ._trigger_b0mju_373 {
   padding: 8px 12px;
 }
-._option_4b1ge_407,
-._layer_4b1ge_337 ._trigger_4b1ge_373 {
+._option_b0mju_406,
+._layer_b0mju_337 ._trigger_b0mju_373 {
   line-height: 20px;
   display: flex;
   align-items: flex-start;
 }
-._option_4b1ge_407:hover,
-._layer_4b1ge_337 ._trigger_4b1ge_373:hover,
-._option_4b1ge_407._active_4b1ge_424,
-._layer_4b1ge_337 ._trigger_4b1ge_373._active_4b1ge_424 {
+._option_b0mju_406:hover,
+._layer_b0mju_337 ._trigger_b0mju_373:hover,
+._option_b0mju_406._active_b0mju_423,
+._layer_b0mju_337 ._trigger_b0mju_373._active_b0mju_423 {
   background-color: var(--color-background-menuitem-hover);
   cursor: pointer;
 }
-._option_4b1ge_407._selected_4b1ge_429 {
+._option_b0mju_406._selected_b0mju_428 {
   background-color: var(--color-background-menuitem-active);
   font-weight: bold;
 }
-._layer_4b1ge_337 ._trigger_4b1ge_373 {
+._layer_b0mju_337 ._trigger_b0mju_373 {
   align-items: center;
 }
-._optionContent_4b1ge_436 {
+._optionContent_b0mju_435 {
   flex-wrap: wrap;
   margin-right: auto;
   position: relative;
 }
-._inline_4b1ge_441 ._optionContent_4b1ge_436 {
+._inline_b0mju_440 ._optionContent_b0mju_435 {
   display: flex;
   justify-content: space-between;
   flex-grow: 1;
 }
-._icon_4b1ge_446,
-._check_4b1ge_447 {
+._icon_b0mju_445,
+._check_b0mju_446 {
   display: flex;
   flex-shrink: 1;
   width: 16px;
@@ -3391,83 +3390,83 @@ html[data-theme='dark'] {
   justify-content: center;
   align-items: center;
 }
-._icon_4b1ge_446 {
+._icon_b0mju_445 {
   margin-right: 8px;
   color: var(--color-text-primary);
 }
-._icon_4b1ge_446:empty {
+._icon_b0mju_445:empty {
   display: none;
 }
-._icon_4b1ge_446 img {
+._icon_b0mju_445 img {
   max-height: 16px;
   max-width: 16px;
   width: auto;
   height: auto;
 }
-._check_4b1ge_447 {
+._check_b0mju_446 {
   font-size: 12px;
   color: #a5a7a9;
   margin-left: 10px;
 }
-._text_4b1ge_473 {
+._text_b0mju_472 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
 }
-._label_4b1ge_478 {
+._label_b0mju_477 {
   margin-right: auto;
 }
-._label_4b1ge_478,
-._heading_4b1ge_389 {
+._label_b0mju_477,
+._heading_b0mju_388 {
   max-width: 100%;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._description_4b1ge_489 {
+._description_b0mju_488 {
   color: #999;
   display: block;
 }
-._arrow_4b1ge_493 {
+._arrow_b0mju_492 {
   margin-left: 10px;
   opacity: 0.4;
 }
-._divider_4b1ge_497 {
+._divider_b0mju_496 {
   border: 0;
   border-top: 1px solid var(--color-border);
 }
-._deprecatedSemanticIcon_4b1ge_501 {
+._deprecatedSemanticIcon_b0mju_500 {
   color: var(--color-text-primary) !important;
   margin: -5px 0 0 !important;
 }
-._disabled_4b1ge_505 {
+._disabled_b0mju_504 {
   color: var(--color-text-faint);
   pointer-events: none;
   cursor: not-allowed !important;
 }
-._buttonLabel_4b1ge_510 {
+._buttonLabel_b0mju_509 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: block;
   margin-right: auto;
   line-height: 1.2;
 }
-._buttonCaret_4b1ge_517 {
+._buttonCaret_b0mju_516 {
   margin-left: 5px;
 }
-._component_4b1ge_520 {
+._component_b0mju_519 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
 }
-._right_4b1ge_526 {
+._right_b0mju_525 {
   margin-left: auto;
   display: flex;
   align-items: center;
 }
-._actions_4b1ge_531 {
+._actions_b0mju_530 {
   margin-left: 8px;
   display: flex;
   align-items: center;
@@ -4184,6 +4183,75 @@ html[data-theme='dark'] {
 /*
   Z-INDEX
 */
+._inputInTable_mz376_333 {
+  background-color: transparent;
+  border-radius: inherit !important;
+  height: 38px;
+  min-height: 100%;
+}
+._inputHover_mz376_339 {
+  position: relative;
+  border-color: var(--color-border-hover);
+  z-index: 2;
+}
+._inputFocus_mz376_344 {
+  position: relative;
+  outline: none !important;
+  border-color: var(--color-border-focus) !important;
+  box-shadow: var(--shadow-focus);
+  z-index: 3;
+}
+._inputError_mz376_351,
+._inputWarning_mz376_352 {
+  position: relative;
+}
+._inputError_mz376_351 {
+  z-index: 2;
+  border-color: var(--color-border-error) !important;
+  color: var(--color-text-error) !important;
+  background-color: var(--color-background-error);
+}
+._inputError_mz376_351:hover {
+  border-color: var(--color-border-error-hover) !important;
+}
+._inputError_mz376_351:focus {
+  position: relative;
+  outline: none !important;
+  border-color: var(--color-border-focus) !important;
+  box-shadow: var(--shadow-focus);
+  z-index: 3;
+}
+._inputWarning_mz376_352 {
+  z-index: 1;
+  border-color: var(--color-border-warning) !important;
+  color: var(--color-text-warning) !important;
+  background-color: var(--color-background-warning);
+}
+._inputWarning_mz376_352:hover {
+  border-color: var(--color-border-warning-hover) !important;
+}
+._inputWarning_mz376_352:focus {
+  position: relative;
+  outline: none !important;
+  border-color: var(--color-border-focus) !important;
+  box-shadow: var(--shadow-focus);
+  z-index: 3;
+}
+._inputDisabled_mz376_387 {
+  pointer-events: none;
+  background-color: var(--color-background-disabled);
+  color: var(--color-text-muted);
+}
+._hideScrollbars_mz376_392 {
+  /* Firefox */
+  scrollbar-width: none;
+  /* IE 10+ */
+  -ms-overflow-style: none;
+  /* Chrome, Safari and Opera */
+}
+._hideScrollbars_mz376_392::-webkit-scrollbar {
+  display: none;
+}
 :root {
   --color-background-button-default: var(--color-neutral-0);
   --color-background-button-default-hover: var(--color-neutral-50);
@@ -4218,7 +4286,7 @@ html[data-theme='dark'] {
   --color-border-button-hover: var(--color-border);
   --color-text-button-muted: rgba(255, 255, 255, 0.4);
 }
-._button_1qp1u_367 {
+._button_mz376_436 {
   cursor: pointer;
   display: inline-flex;
   align-items: center;
@@ -4244,82 +4312,82 @@ html[data-theme='dark'] {
   min-height: 38px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
 }
-._button_1qp1u_367:hover {
+._button_mz376_436:hover {
   background: var(--color-background-button-default-hover);
   border-color: var(--color-border-button-hover);
 }
-._button_1qp1u_367:focus {
+._button_mz376_436:focus {
   box-shadow: var(--shadow-focus);
 }
-._button_1qp1u_367:active {
+._button_mz376_436:active {
   background: var(--color-background-button-default-active);
   box-shadow: none;
 }
-._button_1qp1u_367._active_1qp1u_404:not(._green_1qp1u_404):not(._red_1qp1u_404):not(._orange_1qp1u_404) {
+._button_mz376_436._active_mz376_473:not(._green_mz376_473):not(._red_mz376_473):not(._orange_mz376_473) {
   border-color: var(--color-background-button-primary);
   color: var(--color-text-primary);
   position: relative;
   z-index: 2;
 }
-._button_1qp1u_367:hover,
-._button_1qp1u_367:focus,
-._button_1qp1u_367:active {
+._button_mz376_436:hover,
+._button_mz376_436:focus,
+._button_mz376_436:active {
   position: relative;
   z-index: 1;
 }
-._button_1qp1u_367 ._icon_1qp1u_416 {
+._button_mz376_436 ._icon_mz376_485 {
   margin: 0 8px 0 -4px;
 }
-._button_1qp1u_367 ._icon_1qp1u_416 svg {
+._button_mz376_436 ._icon_mz376_485 svg {
   height: 14px;
   width: 14px;
 }
-._iconOnly_1qp1u_423 {
+._iconOnly_mz376_492 {
   padding: 0.78571429em 0.78571429em 0.78571429em;
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }
-._iconOnly_1qp1u_423 ._icon_1qp1u_416 {
+._iconOnly_mz376_492 ._icon_mz376_485 {
   margin: 0;
   line-height: 0;
 }
-._basic_1qp1u_433 {
+._basic_mz376_502 {
   color: var(--color-text-primary);
   background: transparent;
   box-shadow: none !important;
   border: none !important;
 }
-._basic_1qp1u_433._muted_1qp1u_439 {
+._basic_mz376_502._muted_mz376_508 {
   color: var(--color-text-button-muted);
 }
-._basic_1qp1u_433:hover,
-._basic_1qp1u_433:focus {
+._basic_mz376_502:hover,
+._basic_mz376_502:focus {
   color: var(--color-text-primary-hover);
   background: rgba(0, 0, 0, 0.05);
 }
-._basic_1qp1u_433:active,
-._basic_1qp1u_433._active_1qp1u_404 {
+._basic_mz376_502:active,
+._basic_mz376_502._active_mz376_473 {
   color: var(--color-text-primary-active);
   background: rgba(0, 0, 0, 0.1);
 }
-._disabled_1qp1u_452 {
+._disabled_mz376_521 {
   cursor: default;
   pointer-events: none !important;
   color: var(--color-text-faint) !important;
   box-shadow: none !important;
 }
-._disabled_1qp1u_452:not(._active_1qp1u_404):not(._basic_1qp1u_433) {
+._disabled_mz376_521:not(._active_mz376_473):not(._basic_mz376_502) {
   background: var(--color-background-disabled) !important;
   border: 1px solid var(--color-border) !important;
 }
-._small_1qp1u_462 {
+._small_mz376_531 {
   font-size: 12px;
   min-height: 24px;
   padding: 0 0.75rem;
 }
-._pill_1qp1u_467,
-._round_1qp1u_468 {
+._pill_mz376_536,
+._round_mz376_537 {
   text-transform: uppercase;
   letter-spacing: 0.1em;
   font-size: 13px;
@@ -4328,120 +4396,154 @@ html[data-theme='dark'] {
   display: inline-flex;
   align-items: center;
 }
-._round_1qp1u_468 {
+._round_mz376_537 {
   padding: 0;
   width: 38px;
   line-height: 1;
 }
-._round_1qp1u_468._small_1qp1u_462 {
+._round_mz376_537._small_mz376_531 {
   width: 24px;
 }
-._orange_1qp1u_404:not(._basic_1qp1u_433) {
+._orange_mz376_473:not(._basic_mz376_502) {
   background-color: var(--color-background-button-primary);
 }
-._orange_1qp1u_404:not(._basic_1qp1u_433):hover,
-._orange_1qp1u_404:not(._basic_1qp1u_433):focus {
+._orange_mz376_473:not(._basic_mz376_502):hover,
+._orange_mz376_473:not(._basic_mz376_502):focus {
   background-color: var(--color-background-button-primary-hover);
 }
-._orange_1qp1u_404:not(._basic_1qp1u_433):active,
-._orange_1qp1u_404:not(._basic_1qp1u_433)._active_1qp1u_404 {
+._orange_mz376_473:not(._basic_mz376_502):active,
+._orange_mz376_473:not(._basic_mz376_502)._active_mz376_473 {
   background-color: var(--color-background-button-primary-active);
 }
-._red_1qp1u_404:not(._basic_1qp1u_433) {
+._red_mz376_473:not(._basic_mz376_502) {
   background-color: var(--color-background-button-error);
 }
-._red_1qp1u_404:not(._basic_1qp1u_433):hover,
-._red_1qp1u_404:not(._basic_1qp1u_433):focus {
+._red_mz376_473:not(._basic_mz376_502):hover,
+._red_mz376_473:not(._basic_mz376_502):focus {
   background-color: var(--color-background-button-error-hover);
 }
-._red_1qp1u_404:not(._basic_1qp1u_433):active,
-._red_1qp1u_404:not(._basic_1qp1u_433)._active_1qp1u_404 {
+._red_mz376_473:not(._basic_mz376_502):active,
+._red_mz376_473:not(._basic_mz376_502)._active_mz376_473 {
   background-color: var(--color-background-button-error-active);
 }
-._red_1qp1u_404._basic_1qp1u_433 {
+._red_mz376_473._basic_mz376_502 {
   color: var(--color-text-error);
 }
-._green_1qp1u_404:not(._basic_1qp1u_433) {
+._green_mz376_473:not(._basic_mz376_502) {
   background-color: var(--color-background-button-success);
 }
-._green_1qp1u_404:not(._basic_1qp1u_433):hover,
-._green_1qp1u_404:not(._basic_1qp1u_433):focus {
+._green_mz376_473:not(._basic_mz376_502):hover,
+._green_mz376_473:not(._basic_mz376_502):focus {
   background-color: var(--color-background-button-success-hover);
 }
-._green_1qp1u_404:not(._basic_1qp1u_433):active,
-._green_1qp1u_404:not(._basic_1qp1u_433)._active_1qp1u_404 {
+._green_mz376_473:not(._basic_mz376_502):active,
+._green_mz376_473:not(._basic_mz376_502)._active_mz376_473 {
   background-color: var(--color-background-button-success-active);
 }
-._green_1qp1u_404._basic_1qp1u_433 {
+._green_mz376_473._basic_mz376_502 {
   color: var(--color-text-success);
 }
-._orange_1qp1u_404:not(._basic_1qp1u_433),
-._red_1qp1u_404:not(._basic_1qp1u_433),
-._green_1qp1u_404:not(._basic_1qp1u_433) {
+._orange_mz376_473:not(._basic_mz376_502),
+._red_mz376_473:not(._basic_mz376_502),
+._green_mz376_473:not(._basic_mz376_502) {
   color: #fff;
 }
-._orange_1qp1u_404:not(._basic_1qp1u_433):hover,
-._red_1qp1u_404:not(._basic_1qp1u_433):hover,
-._green_1qp1u_404:not(._basic_1qp1u_433):hover,
-._orange_1qp1u_404:not(._basic_1qp1u_433):focus,
-._red_1qp1u_404:not(._basic_1qp1u_433):focus,
-._green_1qp1u_404:not(._basic_1qp1u_433):focus {
+._orange_mz376_473:not(._basic_mz376_502):hover,
+._red_mz376_473:not(._basic_mz376_502):hover,
+._green_mz376_473:not(._basic_mz376_502):hover,
+._orange_mz376_473:not(._basic_mz376_502):focus,
+._red_mz376_473:not(._basic_mz376_502):focus,
+._green_mz376_473:not(._basic_mz376_502):focus {
   color: #fff;
 }
-._orange_1qp1u_404:not(._basic_1qp1u_433):active,
-._red_1qp1u_404:not(._basic_1qp1u_433):active,
-._green_1qp1u_404:not(._basic_1qp1u_433):active,
-._orange_1qp1u_404:not(._basic_1qp1u_433)._active_1qp1u_404,
-._red_1qp1u_404:not(._basic_1qp1u_433)._active_1qp1u_404,
-._green_1qp1u_404:not(._basic_1qp1u_433)._active_1qp1u_404 {
+._orange_mz376_473:not(._basic_mz376_502):active,
+._red_mz376_473:not(._basic_mz376_502):active,
+._green_mz376_473:not(._basic_mz376_502):active,
+._orange_mz376_473:not(._basic_mz376_502)._active_mz376_473,
+._red_mz376_473:not(._basic_mz376_502)._active_mz376_473,
+._green_mz376_473:not(._basic_mz376_502)._active_mz376_473 {
   color: #fff;
 }
-._inverted_1qp1u_545 {
+._error_mz376_614 {
+  position: relative;
+  z-index: 2;
+  border-color: var(--color-border-error) !important;
+  color: var(--color-text-error) !important;
+  background-color: var(--color-background-error);
+}
+._error_mz376_614:hover {
+  border-color: var(--color-border-error-hover) !important;
+}
+._error_mz376_614:focus {
+  position: relative;
+  outline: none !important;
+  border-color: var(--color-border-focus) !important;
+  box-shadow: var(--shadow-focus);
+  z-index: 3;
+}
+._warning_mz376_631 {
+  position: relative;
+  z-index: 1;
+  border-color: var(--color-border-warning) !important;
+  color: var(--color-text-warning) !important;
+  background-color: var(--color-background-warning);
+}
+._warning_mz376_631:hover {
+  border-color: var(--color-border-warning-hover) !important;
+}
+._warning_mz376_631:focus {
+  position: relative;
+  outline: none !important;
+  border-color: var(--color-border-focus) !important;
+  box-shadow: var(--shadow-focus);
+  z-index: 3;
+}
+._inverted_mz376_648 {
   background-color: transparent;
   border-color: var(--color-text);
   box-shadow: none;
 }
-._inverted_1qp1u_545:hover,
-._inverted_1qp1u_545:focus,
-._inverted_1qp1u_545:active {
+._inverted_mz376_648:hover,
+._inverted_mz376_648:focus,
+._inverted_mz376_648:active {
   box-shadow: none;
 }
-._inverted_1qp1u_545._orange_1qp1u_404 {
+._inverted_mz376_648._orange_mz376_473 {
   color: var(--color-background-button-primary);
   border-color: var(--color-background-button-primary);
 }
-._inverted_1qp1u_545._red_1qp1u_404 {
+._inverted_mz376_648._red_mz376_473 {
   color: var(--color-background-button-error);
   border-color: var(--color-background-button-error);
 }
-._inverted_1qp1u_545._green_1qp1u_404 {
+._inverted_mz376_648._green_mz376_473 {
   color: var(--color-background-button-success);
   border-color: var(--color-background-button-success);
 }
-._inverted_1qp1u_545._orange_1qp1u_404:hover,
-._inverted_1qp1u_545._red_1qp1u_404:hover,
-._inverted_1qp1u_545._green_1qp1u_404:hover,
-._inverted_1qp1u_545._orange_1qp1u_404:focus,
-._inverted_1qp1u_545._red_1qp1u_404:focus,
-._inverted_1qp1u_545._green_1qp1u_404:focus,
-._inverted_1qp1u_545._orange_1qp1u_404:active,
-._inverted_1qp1u_545._red_1qp1u_404:active,
-._inverted_1qp1u_545._green_1qp1u_404:active {
+._inverted_mz376_648._orange_mz376_473:hover,
+._inverted_mz376_648._red_mz376_473:hover,
+._inverted_mz376_648._green_mz376_473:hover,
+._inverted_mz376_648._orange_mz376_473:focus,
+._inverted_mz376_648._red_mz376_473:focus,
+._inverted_mz376_648._green_mz376_473:focus,
+._inverted_mz376_648._orange_mz376_473:active,
+._inverted_mz376_648._red_mz376_473:active,
+._inverted_mz376_648._green_mz376_473:active {
   color: white;
   box-shadow: none;
 }
-._groupOrderFirst_1qp1u_579,
-._groupOrderMiddle_1qp1u_580,
-._groupOrderLast_1qp1u_581 {
+._groupOrderFirst_mz376_682,
+._groupOrderMiddle_mz376_683,
+._groupOrderLast_mz376_684 {
   margin-right: 0;
 }
-._groupOrderFirst_1qp1u_579,
-._groupOrderMiddle_1qp1u_580 {
+._groupOrderFirst_mz376_682,
+._groupOrderMiddle_mz376_683 {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
-._groupOrderLast_1qp1u_581,
-._groupOrderMiddle_1qp1u_580 {
+._groupOrderLast_mz376_684,
+._groupOrderMiddle_mz376_683 {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }