@openshift-assisted/ui-lib/build/cjs/common/components/ui/formik/LabelField.css

React component library for the Assisted Installer UI

.label-field__value {
  margin: 0 var(--pf-v5-global--spacer--sm) 0 0;
}

.label-field__input {
  border: 1px solid transparent;
  outline: none;
  width: 100%;
  background-color: initial;
}

.label-field__input::placeholder {
  color: var(--pf-v5-c-form-control--m-placeholder--Color);
}

.label-field .react-autosuggest__suggestions-list {
  margin-left: var(--pf-v5-global--spacer-xs);
  margin-right: var(--pf-v5-global--spacer-xs);
  box-shadow: var(--pf-v5-global--BoxShadow--lg);

  max-height: 10rem;
  overflow: auto;
  list-style-type: none;
}

.label-field .react-autosuggest__suggestion {
  cursor: pointer;
}

.label-field .react-autosuggest__suggestion--highlighted {
  /* TODO(mlibra): maybe a lighter color would be better */
  background-color: var(--pf-v5-global--primary-color--light-100);
}

.label-field .react-autosuggest__section-title {
  padding: 10px 0 0 10px;
  font-size: var(--pf-v5-global--FontSize--sm);
  color: var(--pf-v5-global--Color--200);
}

.label-field .react-tagsinput {
  width: 100%;
}