@oliasoft-open-source/react-ui-library 4.15.2-beta-4 → 4.15.2-beta-5

package/dist/global.css

@@ -3276,6 +3276,436 @@ html[data-theme='dark'] {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
+._layerContainer_dw2pp_1 {
+  z-index: var(--zindex-dropdown);
+}
+._layer_dw2pp_1 {
+  border: 1px solid var(--color-border);
+  border-radius: var(--border-radius);
+  overflow: hidden;
+  margin: 2px -1px 0 -1px;
+  background: var(--color-background-layer);
+  box-shadow: var(--shadow-layer);
+  position: relative;
+  font-size: var(--font-size);
+}
+._layer_dw2pp_1 ul {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+._layer_dw2pp_1 ul li {
+  list-style: none;
+  display: block;
+}
+._layer_dw2pp_1._small_dw2pp_23 {
+  font-size: var(--font-size-sm);
+}
+._heading_dw2pp_26,
+._option_dw2pp_27,
+._message_dw2pp_28 {
+  padding: var(--padding-input);
+  padding-right: 0;
+}
+._small_dw2pp_23 ._heading_dw2pp_26,
+._small_dw2pp_23 ._option_dw2pp_27,
+._small_dw2pp_23 ._message_dw2pp_28 {
+  padding: var(--padding-input-sm);
+  padding-right: 0;
+}
+._heading_dw2pp_26 {
+  color: var(--color-text-muted);
+  letter-spacing: var(--letter-spacing-wide);
+  font-weight: bold;
+  text-transform: uppercase;
+  max-width: 100%;
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+._small_dw2pp_23 ._heading_dw2pp_26 {
+  font-size: var(--font-size-sm);
+}
+._message_dw2pp_28 {
+  color: var(--color-text-faint);
+}
+._option_dw2pp_27 {
+  line-height: var(--line-height);
+  display: flex;
+  align-items: center;
+  padding-top: 0;
+  padding-bottom: 0;
+  height: 100%;
+  cursor: pointer;
+}
+._option_dw2pp_27._focused_dw2pp_64,
+._option_dw2pp_27:hover {
+  background-color: var(--color-background-listitem-hover);
+}
+._option_dw2pp_27._selected_dw2pp_68 {
+  background-color: var(--color-background-listitem-active);
+}
+._option_dw2pp_27._disabled_dw2pp_71 {
+  opacity: 0.2;
+  cursor: inherit;
+}
+._option_dw2pp_27 ._check_dw2pp_75 {
+  color: var(--color-text-primary);
+  font-size: var(--font-size);
+  width: var(--size);
+  height: var(--size);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-shrink: 0;
+}
+._small_dw2pp_23 ._option_dw2pp_27 ._check_dw2pp_75 {
+  width: var(--size-sm);
+  height: var(--size-sm);
+}
+._option_dw2pp_27 ._check_dw2pp_75 svg {
+  display: block;
+}
+._option_dw2pp_27 ._optionContent_dw2pp_92 {
+  flex-wrap: wrap;
+  margin-right: auto;
+  overflow: hidden;
+}
+._option_dw2pp_27 ._optionContent_dw2pp_92 ._label_dw2pp_97 {
+  max-width: 100%;
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+._option_dw2pp_27 ._optionContent_dw2pp_92 ._icon_dw2pp_104 {
+  display: inline-flex;
+  margin-left: var(--padding-xxs);
+  line-height: 0;
+}
+._details_dw2pp_109 {
+  float: right;
+  display: inline;
+  white-space: nowrap;
+}
+._inputInTable_7uwhv_1 {
+  background-color: transparent;
+  border-radius: inherit !important;
+  height: var(--size);
+  min-height: 100%;
+}
+._inputInTable_7uwhv_1:not(:hover):not([data-error]):not([data-warning]) {
+  border-color: transparent;
+}
+._inputInTable_7uwhv_1:not(:focus) {
+  box-shadow: none;
+}
+._inputHover_7uwhv_13 {
+  position: relative;
+  border-color: var(--color-border-hover);
+  z-index: 2;
+}
+._inputFocus_7uwhv_18 {
+  position: relative;
+  outline: none !important;
+  border-color: var(--color-border-focus) !important;
+  box-shadow: var(--shadow-focus);
+  z-index: 3;
+}
+._inputError_7uwhv_25,
+._inputWarning_7uwhv_26 {
+  position: relative;
+}
+._inputError_7uwhv_25 {
+  z-index: 2;
+  border-color: var(--color-border-error);
+  color: var(--color-text-error) !important;
+  background-color: var(--color-background-error-muted);
+}
+._inputError_7uwhv_25:hover {
+  border-color: var(--color-border-error-hover) !important;
+}
+._inputError_7uwhv_25:focus {
+  position: relative;
+  outline: none !important;
+  border-color: var(--color-border-focus) !important;
+  box-shadow: var(--shadow-focus);
+  z-index: 3;
+}
+._inputWarning_7uwhv_26 {
+  z-index: 1;
+  border-color: var(--color-border-warning);
+  color: var(--color-text-warning) !important;
+  background-color: var(--color-background-warning-muted);
+}
+._inputWarning_7uwhv_26:hover {
+  border-color: var(--color-border-warning-hover) !important;
+}
+._inputWarning_7uwhv_26:focus {
+  position: relative;
+  outline: none !important;
+  border-color: var(--color-border-focus) !important;
+  box-shadow: var(--shadow-focus);
+  z-index: 3;
+}
+._inputDisabled_7uwhv_61 {
+  pointer-events: none;
+  background-color: var(--color-background-disabled);
+  color: var(--color-text-muted);
+  box-shadow: none;
+}
+._hideScrollbars_7uwhv_67 {
+  /* Firefox */
+  scrollbar-width: none;
+  /* IE 10+ */
+  -ms-overflow-style: none;
+  /* Chrome, Safari and Opera */
+}
+._hideScrollbars_7uwhv_67::-webkit-scrollbar {
+  display: none;
+}
+._trigger_7uwhv_77 {
+  font-weight: normal;
+  display: flex;
+  align-items: center;
+  border: 1px solid var(--color-border);
+  border-radius: var(--border-radius);
+  background: var(--color-background-input);
+  height: var(--size);
+  position: relative;
+  padding-left: var(--padding-input-x);
+  box-shadow: var(--shadow-button);
+}
+._trigger_7uwhv_77 input {
+  border: none !important;
+  background: transparent !important;
+}
+._trigger_7uwhv_77._isInTable_7uwhv_93 {
+  background-color: transparent;
+  border-radius: inherit !important;
+  height: var(--size);
+  min-height: 100%;
+}
+._trigger_7uwhv_77._isInTable_7uwhv_93:not(:hover):not([data-error]):not([data-warning]) {
+  border-color: transparent;
+}
+._trigger_7uwhv_77._isInTable_7uwhv_93:not(:focus) {
+  box-shadow: none;
+}
+._trigger_7uwhv_77._isInTable_7uwhv_93 ._input_7uwhv_1 {
+  background: transparent !important;
+}
+._trigger_7uwhv_77:hover {
+  position: relative;
+  border-color: var(--color-border-hover);
+  z-index: 2;
+  cursor: pointer;
+}
+._trigger_7uwhv_77._isOpen_7uwhv_114,
+._trigger_7uwhv_77:focus {
+  position: relative;
+  outline: none !important;
+  border-color: var(--color-border-focus) !important;
+  box-shadow: var(--shadow-focus);
+  z-index: 3;
+}
+._trigger_7uwhv_77[data-warning] {
+  position: relative;
+  z-index: 1;
+  border-color: var(--color-border-warning);
+  color: var(--color-text-warning) !important;
+  background-color: var(--color-background-warning-muted);
+}
+._trigger_7uwhv_77[data-warning]:hover {
+  border-color: var(--color-border-warning-hover) !important;
+}
+._trigger_7uwhv_77[data-warning]:focus {
+  position: relative;
+  outline: none !important;
+  border-color: var(--color-border-focus) !important;
+  box-shadow: var(--shadow-focus);
+  z-index: 3;
+}
+._trigger_7uwhv_77[data-error] {
+  position: relative;
+  z-index: 2;
+  border-color: var(--color-border-error);
+  color: var(--color-text-error) !important;
+  background-color: var(--color-background-error-muted);
+}
+._trigger_7uwhv_77[data-error]:hover {
+  border-color: var(--color-border-error-hover) !important;
+}
+._trigger_7uwhv_77[data-error]:focus {
+  position: relative;
+  outline: none !important;
+  border-color: var(--color-border-focus) !important;
+  box-shadow: var(--shadow-focus);
+  z-index: 3;
+}
+._trigger_7uwhv_77._disabled_7uwhv_156 {
+  pointer-events: none;
+  background-color: var(--color-background-disabled);
+  color: var(--color-text-muted);
+  box-shadow: none;
+}
+._icons_7uwhv_162 {
+  display: flex;
+  flex-wrap: nowrap;
+  flex-shrink: 0;
+  position: relative;
+  z-index: 2;
+}
+._icons_7uwhv_162 ._clearAll_7uwhv_169,
+._icons_7uwhv_162 ._iconOpen_7uwhv_170 {
+  width: calc((var(--size) + var(--font-size)) / 2);
+  height: var(--size);
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+}
+._disabled_7uwhv_156 ._icons_7uwhv_162 ._clearAll_7uwhv_169,
+._disabled_7uwhv_156 ._icons_7uwhv_162 ._iconOpen_7uwhv_170 {
+  color: var(--color-text-faint);
+}
+._small_7uwhv_181 ._icons_7uwhv_162 ._clearAll_7uwhv_169,
+._small_7uwhv_181 ._icons_7uwhv_162 ._iconOpen_7uwhv_170 {
+  width: calc((var(--size-sm) + var(--font-size-sm)) / 2);
+  height: var(--size-sm);
+}
+._icons_7uwhv_162 ._clearAll_7uwhv_169:hover {
+  color: var(--color-text-primary);
+}
+._triggerInputContainer_7uwhv_189 {
+  display: flex;
+  align-items: center;
+  position: relative;
+  z-index: 1;
+  flex-grow: 1;
+  min-width: 0;
+  margin-right: 4px;
+}
+._right_7uwhv_198 ._triggerInputContainer_7uwhv_189 {
+  justify-content: flex-end;
+  text-align: right;
+}
+._right_7uwhv_198 ._triggerInputContainer_7uwhv_189 input {
+  padding-right: 0;
+  padding-left: 0;
+  text-align: right;
+  width: 0;
+}
+._right_7uwhv_198 ._triggerInputContainer_7uwhv_189 input:focus {
+  width: auto;
+}
+._multiOptions_7uwhv_211 {
+  display: flex;
+  overflow: hidden;
+  margin-left: calc((var(--padding-xxs) * -1) - 2px);
+}
+._multiOptions_7uwhv_211:empty {
+  display: none !important;
+}
+._multiOptions_7uwhv_211 ._multiOption_7uwhv_211 {
+  user-select: none;
+  pointer-events: none;
+  display: inline-flex;
+  align-items: center;
+  border: 1px solid var(--color-border);
+  background-color: var(--color-background);
+  padding: 0 var(--padding-xxs);
+  border-radius: var(--border-radius-sm);
+  font-size: var(--font-size-sm);
+  height: calc(var(--size) - 6px);
+  color: var(--color-text-muted);
+  max-width: 100%;
+  min-width: 0;
+  flex-shrink: 0;
+  margin-right: 2px;
+}
+._small_7uwhv_181 ._multiOptions_7uwhv_211 ._multiOption_7uwhv_211 {
+  height: calc(var(--size-sm) - 6px);
+}
+._multiOptions_7uwhv_211 ._multiOption_7uwhv_211 ._label_7uwhv_239 {
+  white-space: nowrap;
+}
+._multiOptions_7uwhv_211 ._multiOption_7uwhv_211 ._closeMultiOption_7uwhv_242 {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  width: var(--size-sm);
+  opacity: 0.25;
+  aspect-ratio: 1;
+}
+._multiOptions_7uwhv_211 ._multiOption_7uwhv_211 ._closeMultiOption_7uwhv_242:hover,
+._multiOptions_7uwhv_211 ._multiOption_7uwhv_211 ._closeMultiOption_7uwhv_242._focus_7uwhv_253 {
+  opacity: 1;
+  outline: 0;
+}
+._selectedSingleValue_7uwhv_257,
+._placeHolder_7uwhv_258 {
+  line-height: calc(var(--size) - 2px);
+  right: 0;
+  left: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: block;
+  position: absolute;
+}
+._placeHolder_7uwhv_258 {
+  color: var(--color-text-placeholder);
+}
+._input_7uwhv_1 {
+  font-family: var(--font-family);
+  background-color: transparent;
+  border: none;
+  color: var(--color-text);
+  padding: 0;
+  width: 0;
+}
+._input_7uwhv_1[data-error] {
+  color: var(--color-text-error) !important;
+}
+._input_7uwhv_1:focus {
+  outline: none;
+  width: auto;
+}
+._small_7uwhv_181 {
+  height: var(--size-sm);
+  font-size: var(--font-size-sm);
+  padding-left: var(--padding-input-sm-x);
+}
+._small_7uwhv_181 ._selectedSingleValue_7uwhv_257,
+._small_7uwhv_181 ._placeHolder_7uwhv_258,
+._small_7uwhv_181 ._input_7uwhv_1 {
+  height: calc(var(--size-sm) - 2px);
+  line-height: calc(var(--size-sm) - 2px);
+}
+._groupOrderFirst_7uwhv_297,
+._groupOrderMiddle_7uwhv_298 {
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+._groupOrderLast_7uwhv_302,
+._groupOrderMiddle_7uwhv_298 {
+  border-top-left-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
+}
+._detailedLabel_7uwhv_307 {
+  width: 100%;
+}
+._detailedLabel_7uwhv_307 :first-child {
+  float: left;
+  position: absolute;
+  padding-right: var(--padding-xxs);
+}
+._detailedLabel_7uwhv_307 :last-child {
+  float: right;
+}
 ._paginationContainer_1tmz4_1 {
   display: flex;
   align-items: center;