@talend/react-forms/dist/TalendReactForms.css

React forms library based on json schema form.

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[3]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./src/FormSkeleton.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-drawer-content]:has([data-drawer-absolute-footer-buttons]) {
  margin-bottom: 66px;
}
[data-drawer-content]:has([data-drawer-absolute-footer-buttons]) .FormSkeleton-module__drawer-absolute-footer-buttons___sDa5l {
  background: var(--coral-color-neutral-background-medium, hsl(0, 0%, 97%));
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: var(--coral-spacing-m, 1rem);
  display: flex;
  justify-content: space-between;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[3]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./src/UIForm/utils/labels.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.labels-module__required___xl16b:after {
  content: "*";
  display: inline;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[3]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./src/UIForm/fields/Code/CodeSkeleton.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CodeSkeleton-module__code-widget__loading___IgHut {
  display: grid;
  gap: var(--coral-spacing-s, 0.75rem);
  padding: var(--coral-spacing-m, 1rem);
}
.CodeSkeleton-module__code-widget__loading__lines___fOHU3 {
  display: grid;
  gap: var(--coral-spacing-s, 0.75rem);
  padding-left: var(--coral-spacing-l, 1.75rem);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[3]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./src/UIForm/Widget/Widget.component.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Widget-component-module__tooltip___kta2m {
  display: block;
}

.tc-inline-message p {
  vertical-align: baseline;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[3]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./src/UIForm/fields/Comparator/Comparator.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Comparator-module__comparator___ZGAhW {
  position: relative;
}
.Comparator-module__comparator___ZGAhW .dropdown {
  position: absolute;
  top: calc(1.05rem + var(--coral-spacing-xxs, 0.25rem));
}
.Comparator-module__comparator___ZGAhW .dropdown-menu {
  min-width: auto;
}
.Comparator-module__comparator___ZGAhW .dropdown .tc-svg-icon {
  flex-shrink: 0;
}
.Comparator-module__comparator___ZGAhW .dropdown .btn {
  height: 1.875rem;
  width: 3.125rem;
  color: var(--coral-color-neutral-text, hsl(0, 0%, 13%));
  background: var(--coral-color-accent-background, hsl(204, 59%, 88%));
  border: 1px solid var(--coral-color-neutral-border, hsl(0, 0%, 55%));
  border-radius: var(--coral-radius-s, 0.25rem) 0 0 var(--coral-radius-s, 0.25rem);
  z-index: 1;
  padding-left: var(--coral-spacing-xxs, 0.25rem);
  padding-right: var(--coral-spacing-xxs, 0.25rem);
}
.Comparator-module__comparator___ZGAhW input {
  padding-left: calc(3.125rem + var(--coral-spacing-xs, 0.5rem));
}

.Comparator-module__operator___nvcHJ.Comparator-module__selected___Kubxi {
  font-weight: bold;
}
.Comparator-module__operator___nvcHJ .Comparator-module__symbol___GxFMl + .Comparator-module__name___Ez_5t {
  padding-left: 0.625rem;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[3]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./src/UIForm/fields/KeyValue/KeyValue.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.KeyValue-module__key-value___mJSUj {
  display: flex;
}
.KeyValue-module__key-value___mJSUj dt,
.KeyValue-module__key-value___mJSUj dd {
  flex: 1;
}
.KeyValue-module__key-value___mJSUj dt {
  display: flex;
  align-items: flex-end;
}
.KeyValue-module__key-value___mJSUj dt > * {
  flex: 1;
}
.KeyValue-module__key-value___mJSUj dt::after {
  grid-area: equal;
  content: "=";
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--coral-sizing-l, 2.5rem);
  width: var(--coral-sizing-m, 2.25rem);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[3]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./src/UIForm/fields/MultiSelectTag/MultiSelectTag.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.MultiSelectTag-module__wrapper___liOBf {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  border: var(--coral-border-s-solid, 1px solid) var(--coral-color-neutral-border, hsl(0, 0%, 55%));
  border-radius: var(--coral-radius-s, 0.25rem);
  height: auto;
  padding: 0;
}
.MultiSelectTag-module__wrapper___liOBf [class^=InputWrapper-module] {
  border: none;
  box-shadow: none;
}
.MultiSelectTag-module__wrapper___liOBf .MultiSelectTag-module__focus-manager___wL7KN {
  flex-grow: 1;
  outline: none;
}
.MultiSelectTag-module__wrapper___liOBf .MultiSelectTag-module__typeahead___KuOy8 .MultiSelectTag-module__items___LORTO {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.MultiSelectTag-module__has-error___FqMr9 {
  border-color: var(--coral-color-danger-border, hsl(359, 51%, 53%));
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[3]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./src/UIForm/fields/MultiSelectTag/displayMode/TextMode.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TextMode-module__tc-badge-list___Gc7O8 {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.TextMode-module__tc-badge-list___Gc7O8 > li {
  list-style: none;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[3]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./src/UIForm/fields/NestedListView/NestedListView.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.NestedListView-module__nested-list-view___mB3fx header > small {
  display: none;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[3]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./src/UIForm/fieldsets/Array/displayMode/TextModeArrayTemplate.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.TextModeArrayTemplate-module__tf-array-text-mode___NSHnU ol {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--coral-spacing-xxs, 0.25rem);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[3]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./src/UIForm/fieldsets/Array/ArrayItem.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ArrayItem-module__tf-array-item___uN5zB {
  display: flex;
  -moz-column-gap: var(--coral-spacing-s, 0.75rem);
       column-gap: var(--coral-spacing-s, 0.75rem);
  background: var(--coral-color-neutral-background-medium, hsl(0, 0%, 97%));
  padding: var(--coral-spacing-xs, 0.5rem) 0;
}
.ArrayItem-module__tf-array-item___uN5zB .ArrayItem-module__delete___Gtrmw button,
.ArrayItem-module__tf-array-item___uN5zB .ArrayItem-module__control___HQzR7 button {
  opacity: 0;
}
.ArrayItem-module__tf-array-item___uN5zB:hover {
  background: var(--coral-color-neutral-background, white);
}
.ArrayItem-module__tf-array-item___uN5zB:hover .ArrayItem-module__control___HQzR7 button,
.ArrayItem-module__tf-array-item___uN5zB:hover .ArrayItem-module__delete___Gtrmw button {
  opacity: 1;
}
.ArrayItem-module__tf-array-item___uN5zB:hover .ArrayItem-module__control___HQzR7 button:disabled,
.ArrayItem-module__tf-array-item___uN5zB:hover .ArrayItem-module__delete___Gtrmw button:disabled {
  color: var(--coral-color-neutral-text-disabled, hsl(0, 0%, 44%));
}
.ArrayItem-module__tf-array-item___uN5zB > * {
  flex-grow: 1;
  margin: 0;
}
.ArrayItem-module__tf-array-item___uN5zB .ArrayItem-module__control___HQzR7 {
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ArrayItem-module__tf-array-item___uN5zB .ArrayItem-module__delete___Gtrmw {
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[3]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./src/UIForm/fieldsets/Array/DefaultArrayTemplate.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.DefaultArrayTemplate-module__tf-array-fieldset___NFEjL::before {
  content: attr(data-content);
  display: inline-block;
  margin: var(--coral-spacing-m, 1rem) 0;
}
.DefaultArrayTemplate-module__tf-array-fieldset___NFEjL .DefaultArrayTemplate-module__tf-array-add___lF7Mm {
  float: right;
}
.DefaultArrayTemplate-module__tf-array-fieldset___NFEjL .DefaultArrayTemplate-module__tf-array___kLVOl {
  padding: 0;
  margin: 0;
}
.DefaultArrayTemplate-module__tf-array-fieldset___NFEjL .DefaultArrayTemplate-module__tf-array___kLVOl .DefaultArrayTemplate-module__item___GLtN8 {
  list-style: none;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[3]!../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./src/UIForm/UIForm.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-drawer-content]:has([data-drawer-absolute-footer-buttons]) {
  margin-bottom: 50px;
}
[data-drawer-content]:has([data-drawer-absolute-footer-buttons]) .UIForm-module__drawer-absolute-footer-buttons___LisNg {
  background: var(--coral-color-neutral-background-medium, hsl(0, 0%, 97%));
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: var(--coral-spacing-xs, 0.5rem) var(--coral-spacing-m, 1rem);
  display: flex;
  justify-content: space-between;
}
[data-drawer-content]:has([data-drawer-absolute-footer-buttons]) .UIForm-module__drawer-absolute-footer-buttons___LisNg > div {
  display: flex;
  flex: 1;
}
[data-drawer-content]:has([data-drawer-absolute-footer-buttons]) .UIForm-module__drawer-absolute-footer-buttons___LisNg > div > div {
  padding: 0;
}

/*# sourceMappingURL=TalendReactForms.css.map*/