@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
19 lines • 2.88 kB
JavaScript
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"
};