@talend/react-faceted-search/dist/TalendReactFacetedSearch.css

Faceted search

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/components/FacetedToolbar/FacetedToolbar.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.FacetedToolbar-module__tc-faceted-toolbar___NpCxO {
  align-items: center;
  display: flex;
  justify-content: space-between;
  min-height: 3.4375rem;
  position: relative;
  width: 100%;
}
.FacetedToolbar-module__tc-faceted-toolbar___NpCxO .FacetedToolbar-module__tc-faceted-switch-mode___poz3i {
  width: auto;
  position: relative;
  padding-right: var(--coral-spacing-s, 0.75rem);
  padding-left: var(--coral-spacing-s, 0.75rem);
}
.FacetedToolbar-module__tc-faceted-toolbar___NpCxO .FacetedToolbar-module__tc-faceted-switch-mode___poz3i::before {
  content: "";
  height: var(--coral-sizing-xs, 1.5rem);
  width: 0;
  border-right: var(--coral-border-s-solid, 1px solid) var(--coral-color-neutral-border-weak, hsl(0, 0%, 82%));
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/components/AdvancedSearch/AdvancedSearch.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.AdvancedSearch-module__adv-search___qgwja {
  position: relative;
  width: inherit;
  height: inherit;
}
.AdvancedSearch-module__adv-search___qgwja .AdvancedSearch-module__adv-search-filter-icon____DuTD {
  position: absolute;
  z-index: var(--coral-elevation-layer-standard-front, 4);
  top: var(--coral-spacing-m, 1rem);
  left: var(--coral-spacing-s, 0.75rem);
}
.AdvancedSearch-module__adv-search-error___TvcE0 {
  margin-left: var(--coral-spacing-xs, 0.5rem);
  color: var(--coral-color-danger-text, hsl(359, 51%, 53%));
}
.AdvancedSearch-module__adv-search___qgwja .AdvancedSearch-module__adv-search-input___P4KON {
  box-shadow: none;
  color: var(--coral-color-neutral-text-weak, hsl(0, 0%, 38%));
  height: var(--coral-sizing-m, 2.25rem);
  line-height: var(--coral-sizing-m, 2.25rem);
  margin: var(--coral-spacing-xs, 0.5rem) var(--coral-spacing-xs, 0.5rem);
  padding-left: 2rem;
  padding-right: 3.75rem;
  width: calc(100% - 1.25rem);
}
.AdvancedSearch-module__adv-search___qgwja .AdvancedSearch-module__adv-search-input___P4KON.AdvancedSearch-module__has-error___s5lKX {
  box-shadow: inset 0 -0.125rem 0 var(--coral-color-danger-border, hsl(359, 51%, 53%));
}
.AdvancedSearch-module__adv-search___qgwja .AdvancedSearch-module__adv-search-input___P4KON::-ms-clear {
  display: none;
}
.AdvancedSearch-module__adv-search-buttons___SlrG5 {
  position: absolute;
  top: var(--coral-spacing-xs, 0.5rem);
  right: var(--coral-spacing-m, 1rem);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/components/Badges/BadgeOverlay/BadgeOverlay.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BadgeOverlay-module__tc-badge-format-value___gOTHO {
  display: inline-flex;
}
.BadgeOverlay-module__tc-badge-format-value___gOTHO svg {
  margin: 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/components/Badges/BadgeOperator/BadgeOperator.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BadgeOperator-module__tc-badge-operator___MCaag {
  align-items: center;
  background: var(--coral-color-neutral-background, white);
  border-radius: 100%;
  display: inline-flex;
  justify-content: center;
  margin: 0 0 0 var(--coral-spacing-xs, 0.5rem);
}
.BadgeOperator-module__tc-badge-operator-small___scYDh {
  height: 1.125rem;
}
.BadgeOperator-module__tc-badge-operator-large___V3LgO {
  height: 1.375rem;
}
.BadgeOperator-module__tc-badge-operator-button___EROdD {
  display: flex;
}
.BadgeOperator-module__tc-badge-operator-button___EROdD > button {
  height: var(--coral-sizing-xxs, 1.25rem) !important;
}
.BadgeOperator-module__tc-badge-operator-popover___SPLqf {
  display: flex;
  flex-direction: column;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/components/Badges/BadgeFaceted/BadgeFaceted.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BadgeFaceted-module__tc-badge-faceted___DHyq_ {
  padding: var(--coral-spacing-xxs, 0.25rem) var(--coral-spacing-xs, 0.5rem);
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.BadgeFaceted-module__tc-badge-faceted___DHyq_ .tc-badge-button {
  max-width: none;
}
.BadgeFaceted-module__tc-badge-faceted___DHyq_ .tc-badge-button:first-child {
  flex-grow: 1;
  padding-top: 0;
  margin: 0;
}
.BadgeFaceted-module__tc-badge-faceted___DHyq_ .tc-badge-button:first-child > span {
  align-self: center;
}
.BadgeFaceted-module__tc-badge-faceted___DHyq_ .tc-badge-delete-icon {
  align-self: center;
}
.BadgeFaceted-module__tc-badge-faceted-overlay___TKkVf {
  align-items: center;
  display: flex;
}
.BadgeFaceted-module__tc-badge-faceted-overlay___TKkVf > button {
  font-style: italic;
  height: var(--coral-sizing-xxs, 1.25rem) !important;
}
.BadgeFaceted-module__tc-badge-faceted-overlay___TKkVf > button > span > span {
  white-space: nowrap;
  overflow: hidden;
  max-width: calc(2 * var(--coral-sizing-l, 2.5rem));
  text-overflow: ellipsis;
}
.BadgeFaceted-module__tc-badge-faceted-overlay___TKkVf > button > span > span:not(:first-child)::before {
  content: "|";
  position: relative;
  left: calc(-1 * var(--coral-spacing-xxs, 0.25rem));
  opacity: var(--coral-opacity-m, 0.4);
  padding: 0 var(--coral-spacing-xxs, 0.25rem);
}
.BadgeFaceted-module__tc-badge-faceted___DHyq_.period .BadgeFaceted-module__tc-badge-faceted-overlay___TKkVf > button > span > span {
  max-width: 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/components/Badges/BadgeCheckboxes/BadgeCheckboxes.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BadgeCheckboxes-module__fs-badge-checkbox-form-checkboxes___CVP45 {
  max-height: var(--coral-sizing-xxxl, 13.75rem);
  width: var(--coral-sizing-maximal, 20rem);
  overflow: auto;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/components/Badges/BadgeDate/BadgeDate.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BadgeDate-module__tc-badge-date-form-picker-container___W3TRi > div {
  padding: 0;
  min-height: unset;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/components/Badges/BadgeMenu/BadgeMenu.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BadgeMenu-module__fs-badge-menu-form-items___GjXM1 {
  max-height: var(--coral-sizing-xxxl, 13.75rem);
  width: var(--coral-sizing-maximal, 20rem);
  overflow: auto;
}
.BadgeMenu-module__fs-badge-menu-form-items___GjXM1 [role=menuitem] {
  width: 100%;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/components/Badges/BadgeSlider/BadgeSlider.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BadgeSlider-module__tc-badge-slider-form-body___CqDC3 {
  width: var(--coral-sizing-maximal, 20rem);
}
.BadgeSlider-module__tc-badge-slider-form-body-row___CFcsy {
  display: flex;
  gap: var(--coral-spacing-s, 0.75rem);
  align-items: center;
  margin-top: var(--coral-sizing-m, 2.25rem);
}
.BadgeSlider-module__tc-badge-slider-form-body-row-icon___O0dKL {
  display: inline-flex;
  flex: 1 1 45%;
  justify-content: flex-end;
}
.BadgeSlider-module__tc-badge-slider-form-body-row-icon___O0dKL svg {
  width: var(--coral-sizing-l, 2.5rem);
  height: var(--coral-sizing-l, 2.5rem);
}
.BadgeSlider-module__tc-badge-slider-form-body-row-value___rt3ZB {
  flex: 1 1 55%;
}
.BadgeSlider-module__tc-badge-slider-form-body-row___CFcsy .BadgeSlider-module__tc-badge-value-unit___Xglzb {
  flex: 1;
  font-size: 2rem;
  font-weight: 600;
  height: 2.9375rem;
  margin-bottom: 0;
  border: none;
  background: none;
  padding: 0;
  text-align: start;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/components/AddFacetPopover/AddFacetPopover.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.AddFacetPopover-module__tc-add-facet-popover___TuKb2 {
  width: var(--coral-sizing-xxxl, 13.75rem);
}

.AddFacetPopover-module__tc-add-facet-popover-items___N9pWV button {
  width: 100%;
  white-space: break-spaces;
  text-align: left;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/components/BasicSearch/BasicSearch.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BasicSearch-module__tc-basic-search___kC3Q2 {
  align-items: center;
  display: flex;
  height: inherit;
  overflow: visible;
  position: relative;
  width: 100%;
  padding-left: var(--coral-spacing-s, 0.75rem);
  padding-right: var(--coral-spacing-s, 0.75rem);
}
.BasicSearch-module__tc-basic-search-quicksearch___px3e8 {
  margin-right: var(--coral-spacing-xs, 0.5rem);
}
.BasicSearch-module__tc-basic-search-content___W8S7N {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  flex-grow: 1;
}

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