UNPKG

@ui5/webcomponents-react

Version:

React Wrapper for UI5 Web Components and additional components

19 lines 2.88 kB
export const styleData = { packageName: '@ui5/webcomponents-react', fileName: 'FilterGroupItem.module.css', content: "@layer ui5-webcomponents-react{.FilterGroupItem_filterItem_11sb2_1{flex-basis:var(--_ui5wcr_filter_group_item_flex_basis);flex-grow:1;flex-shrink:0;margin-block-end:1rem;margin-inline-end:1rem;max-width:calc(var(--_ui5wcr_filter_group_item_flex_basis));position:relative;z-index:0}.FilterGroupItem_filterItem_11sb2_1[data-with-toolbar=false]{max-width:calc(var(--_ui5wcr_filter_group_item_flex_basis)*2)}.FilterGroupItem_innerFilterItemContainer_11sb2_18{display:flex;flex-direction:column;justify-content:flex-start}.FilterGroupItem_innerFilterItemContainer_11sb2_18>:last-child{width:100%}.FilterGroupItem_loadingContainer_11sb2_28{display:flex;height:1.625rem;justify-content:center;width:100%}.FilterGroupItem_dialogTableRow_11sb2_35{--_ui5wcr-ActiveIconDisplayVariable:inline-block}.FilterGroupItem_dialogTableRow_11sb2_35 *{cursor:pointer}.FilterGroupItem_dialogCellLabel_11sb2_42{color:var(--sapTextColor)}.FilterGroupItem_dialogActiveCell_11sb2_46{justify-content:center}.FilterGroupItem_dialogActiveIcon_11sb2_50{color:var(--sapNeutralColor);display:var(--_ui5wcr-ActiveIconDisplayVariable);transform:scale(-50%)}.FilterGroupItem_labelContainer_11sb2_56 :not(:first-child){width:100%}.FilterGroupItem_withReorderBtns_11sb2_62{--_ui5wcr-ReorderBtnsDisplay:none}.FilterGroupItem_withReorderBtns_11sb2_62>[ui5-table-cell]{padding-block:0}.FilterGroupItem_withReorderBtns_11sb2_62[aria-selected=true]:active,.FilterGroupItem_withReorderBtns_11sb2_62[aria-selected=true]:focus{--_ui5wcr-ActiveIconDisplayVariable:none;--_ui5wcr-ReorderBtnsDisplay:flex}.FilterGroupItem_withReorderHoverBtns_11sb2_76[aria-selected=true]:hover{--_ui5wcr-ReorderBtnsDisplay:flex;--_ui5wcr-ActiveIconDisplayVariable:none}.FilterGroupItem_reorderBtnsContainer_11sb2_83{display:var(--_ui5wcr-ReorderBtnsDisplay)}.FilterGroupItem_pseudoInvisibleText_11sb2_87{font-size:0;left:0;position:absolute;top:0;user-select:none}}" }; export const classNames = { "filterItem": "FilterGroupItem_filterItem_11sb2_1", "innerFilterItemContainer": "FilterGroupItem_innerFilterItemContainer_11sb2_18", "loadingContainer": "FilterGroupItem_loadingContainer_11sb2_28", "dialogTableRow": "FilterGroupItem_dialogTableRow_11sb2_35", "dialogCellLabel": "FilterGroupItem_dialogCellLabel_11sb2_42", "dialogActiveCell": "FilterGroupItem_dialogActiveCell_11sb2_46", "dialogActiveIcon": "FilterGroupItem_dialogActiveIcon_11sb2_50", "labelContainer": "FilterGroupItem_labelContainer_11sb2_56", "withReorderBtns": "FilterGroupItem_withReorderBtns_11sb2_62", "withReorderHoverBtns": "FilterGroupItem_withReorderHoverBtns_11sb2_76", "reorderBtnsContainer": "FilterGroupItem_reorderBtnsContainer_11sb2_83", "pseudoInvisibleText": "FilterGroupItem_pseudoInvisibleText_11sb2_87" };