@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
71 lines • 15.5 kB
JavaScript
export const styleData = `@layer ui5-webcomponents-react{._baseCellFocus_1143c_1{&:focus{outline:none}&:not([data-empty-row-cell]):focus:after{content:"";pointer-events:none;inset-inline:1px;inset-block:1px;border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute}}._tableContainerWithScrollBar_1143c_15{position:relative;&:has(>._overlay_1143c_18){>:not(._overlay_1143c_18){opacity:var(--sapContent_DisabledOpacity)}}&:has(>._busyIndicator_1143c_24){>:not(._busyIndicator_1143c_24){opacity:var(--sapContent_DisabledOpacity)}}}._table_1143c_15{position:relative;width:100%;max-width:100%;overflow-y:hidden;overflow-x:auto;height:100%;min-height:3rem;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;background-color:var(--sapList_Background);&:after{content:"";position:absolute;inset-block-end:0;inset-inline-start:0;height:var(--_ui5wcr-AnalyticalTable-HeaderBorderWidth);width:100%;background:var(--sapList_HeaderBorderColor)}}._busyIndicator_1143c_24{position:absolute;z-index:1;inset:0;height:100%}._overlay_1143c_18{position:absolute;z-index:1;inset:0;&:focus{outline-offset:calc(var(--sapContent_FocusWidth)*-1);outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor)}}._tableHeaderRow_1143c_74{height:var(--_ui5wcr-AnalyticalTableHeaderRowHeight)}._hasNavigationIndicator_1143c_78{._tableHeaderRow_1143c_74 :nth-last-child(2) ._th_1143c_79{border-inline-end:none}._tr_1143c_83 :nth-last-child(2){border-inline-end:none}}._tableHeaderBackgroundElement_1143c_88{box-sizing:border-box;position:absolute;inset-inline:0;height:var(--_ui5wcr-AnalyticalTableHeaderRowHeight);background-color:var(--sapList_HeaderBackground);border-block-start:var(--_ui5wcr-AnalyticalTable-OuterBorderBlock);border-block-end:var(--_ui5wcr-AnalyticalTable-HeaderBorderWidth) solid var(--sapList_HeaderBorderColor)}._tableBodyBackgroundElement_1143c_98{box-sizing:border-box;position:absolute;inset-inline:0;inset-block-end:0;border-block-end:1px solid var(--sapList_TableFooterBorder)}._th_1143c_79{position:relative;height:var(--_ui5wcr-AnalyticalTableHeaderRowHeight);color:var(--sapList_HeaderTextColor);background-color:var(--sapList_HeaderBackground);border-block-start:var(--_ui5wcr-AnalyticalTable-OuterBorderBlock);border-block-end:var(--_ui5wcr-AnalyticalTable-HeaderBorderWidth) solid var(--sapList_HeaderBorderColor);border-inline-end:1px solid var(--sapList_BorderColor);padding-inline-end:.5rem;padding-inline-start:calc(.5rem - var(--_ui5wcr-AnalyticalTable-HeaderBorderWidth));text-align:start;box-sizing:border-box;&:hover{background-color:var(--sapList_Hover_Background);color:var(--_ui5wcr-AnalyticalTable-HeaderActiveTextColor)}&:active{background-color:var(--sapList_Active_Background);color:var(--_ui5wcr-AnalyticalTable-HeaderActiveTextColor)}&[data-column-id=__ui5wcr__internal_highlight_column]{border-inline-end:1px solid #0000}&:last-child [data-resizer]{transform:translateX(0)}&:focus{&[data-column-id=__ui5wcr__internal_selection_column]{border-inline-start:1px solid #0000}}}._tbody_1143c_146{position:relative;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;box-sizing:border-box}._alternateRowColor_1143c_154{background-color:var(--sapList_AlternatingBackground)}._tr_1143c_83{height:var(--_ui5wcr_AnalyticalTable_RowHeight);position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;color:var(--sapList_TextColor);border-block-end:1px solid var(--sapList_BorderColor);margin-block-end:-1px;box-sizing:border-box;display:flex;&[data-is-selected]{border-block-end:1px solid var(--sapList_SelectionBorderColor);background-color:var(--sapList_SelectionBackgroundColor)}&[data-is-selected]:hover{background-color:var(--sapList_Hover_SelectionBackground)}}[data-sap-theme^=sap_][data-sap-theme$=_hcb],[data-sap-theme^=sap_][data-sap-theme$=_hcw]{._trActive_1143c_185:hover,._tr_1143c_83[data-is-selected]{& [data-component-name=ObjectStatus][data-inverted=false]:not([data-state^=Indication]){--ui5wcr-object-status-icon-color:var(--sapContent_ContrastTextColor);color:var(--sapContent_ContrastTextColor);text-shadow:none}}}._trActive_1143c_185:active [data-component-name=ObjectStatus][data-inverted=false]{--ui5wcr-object-status-icon-color:var(--sapList_Active_TextColor);color:var(--sapList_Active_TextColor);text-shadow:none}._trActive_1143c_185{cursor:pointer;&:hover:not([data-empty-row]){background-color:var(--sapList_Hover_Background)}&[data-is-selected]:hover{background-color:var(--sapList_Hover_SelectionBackground)}&:active:not([data-empty-row]){background-color:var(--sapList_Active_Background);color:var(--sapList_Active_TextColor);text-shadow:none}}._tableGroupHeader_1143c_214._tr_1143c_83{font-family:var(--_ui5wcr-AnalyticalTable-HeaderFontFamily);background-color:var(--sapList_TableGroupHeaderBackground);border-color:var(--sapList_TableGroupHeaderBorderColor);color:var(--sapList_TextColor);._tableCell_1143c_220{border-inline-end:1px solid #0000}}._expandGroupButton_1143c_225{all:unset;display:inline}._expandGroupIcon_1143c_230{color:var(--sapContent_IconColor);height:.75rem;width:.75rem;padding:.625rem;display:block}._textEllipsis_1143c_239{display:inline-block;font-size:var(--sapFontSize);max-width:100%;box-sizing:border-box;overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis}._tableCell_1143c_220{position:relative;height:100%;box-sizing:border-box;border-inline-end:1px solid var(--sapList_BorderColor);display:inline-flex;padding:0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-items:center;&:first-child{border-inline-start:var(--_ui5wcr-AnalyticalTable-OuterCellBorder);&[data-column-id-cell=__ui5wcr__internal_highlight_column]{border-inline:none}}&:last-child{border-inline-end:var(--_ui5wcr-AnalyticalTable-OuterCellBorder)}&[aria-selected=true]:not([data-empty-row-cell]):focus:after{inset-block-end:2px}&:not(:has(*)){display:block;line-height:var(--_ui5wcr_AnalyticalTable_RowHeight)}}._showVerticalEndBorder_1143c_286 ._tableCell_1143c_220{border-inline-end:1px solid var(--sapList_BorderColor)}._noDataContainer_1143c_290{box-sizing:border-box;&:focus{outline-offset:-3px;outline:var(--sapContent_FocusColor) solid .125rem}}._noData_1143c_290{display:flex;justify-content:center;align-items:center;height:100%;background-color:var(--sapList_Background);width:100%;box-sizing:border-box;color:var(--sapList_TextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;border-block-end:1px solid var(--sapList_BorderColor)}._navigation_1143c_313{background-color:var(--sapList_SelectionBorderColor)}._positive_1143c_317{background-color:var(--sapSuccessColor)}._negative_1143c_321{background-color:var(--sapErrorColor)}._critical_1143c_325{background-color:var(--sapWarningColor)}._information_1143c_329{background-color:var(--sapInformationColor)}._indication01_1143c_333{background:var(--sapIndicationColor_1)}._indication02_1143c_337{background:var(--sapIndicationColor_2)}._indication03_1143c_341{background:var(--sapIndicationColor_3)}._indication04_1143c_345{background:var(--sapIndicationColor_4)}._indication05_1143c_349{background:var(--sapIndicationColor_5)}._indication06_1143c_353{background:var(--sapIndicationColor_6)}._indication07_1143c_357{background:var(--sapIndicationColor_7)}._indication08_1143c_361{background:var(--sapIndicationColor_8)}._hiddenA11yText_1143c_365{font-size:0;left:0;position:absolute;top:0;user-select:none}._checkBox_1143c_373{vertical-align:middle;pointer-events:none;display:block;&::part(root){display:flex;width:unset;height:unset;justify-content:center;min-height:unset;min-width:unset;padding:0}}._thContainer_1143c_393{&>[role=columnheader][data-column-index="0"]{border-inline-start:var(--_ui5wcr-AnalyticalTable-OuterCellBorder)}&:last-child>[role=columnheader]{border-inline-end:var(--_ui5wcr-AnalyticalTable-OuterCellBorder)}}._verticalEndBorder_1143c_403:last-child>[role=columnheader]{border-inline-end:1px solid var(--sapList_BorderColor)}._header_1143c_407{height:100%;display:flex;align-items:center;text-align:start;font-family:var(--_ui5wcr-AnalyticalTable-HeaderFontFamily);font-size:var(--sapFontSize);font-weight:400;color:inherit;text-overflow:ellipsis;white-space:nowrap;max-width:100%;position:relative;width:100%;overflow-x:hidden;overflow-y:hidden;box-sizing:border-box;&>span{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow-x:hidden;overflow-y:hidden}}._text_1143c_239{cursor:inherit;color:inherit;font-family:inherit;width:100%;text-align:start}._iconContainer_1143c_442{display:flex;position:absolute;color:var(--sapContent_IconColor);inset-inline-end:.5rem;&>[ui5-icon]:not(:first-child){margin-inline-start:.125rem}}._selectAllCheckBoxContainer_1143c_453{display:flex;justify-content:center}._icon_1143c_442{height:.8125rem;width:.8125rem}._resizer_1143c_467{display:inline-block;width:5px;height:100%;position:absolute;inset-block-end:0;inset-block-start:0;z-index:1;cursor:col-resize;&:hover{background-color:var(--sapContent_DragAndDropActiveColor);opacity:.5}&:active,&[data-active-resizer]{background-color:var(--sapContent_DragAndDropActiveColor);opacity:1}}._popover_1143c_493{font-weight:400;&::part(content){padding:0}}._filterIcon_1143c_501{min-width:var(--_ui5_list_item_icon_size);min-height:var(--_ui5_list_item_icon_size);padding-inline-end:.5rem;color:var(--sapContent_NonInteractiveIconColor)}._filterText_1143c_508{font-size:var(--_ui5_list_item_title_size);overflow:visible;padding-inline-end:.5rem}._container_1143c_518{height:var(--_ui5wcr-AnalyticalTableExpandButtonHeight);margin-inline-end:.125rem;flex-shrink:0;display:flex;align-items:center}._expandableIcon_1143c_526{color:var(--sapContent_IconColor);width:var(--_ui5wcr-AnalyticalTableExpandIconHeight);height:var(--_ui5wcr-AnalyticalTableExpandIconHeight);padding:.375rem;box-sizing:initial;display:flex;align-items:center;&::part(root){padding:0;width:100%;height:100%}}._button_1143c_541{color:var(--sapTextColor);height:100%;font-size:.75rem}._nonExpandableCellSpacer_1143c_547{width:var(--_ui5wcr-AnalyticalTableExpandIndicatorWidth);flex-shrink:0}._withExpandableButton_1143c_552{margin-inline-end:.5rem}._popInContainer_1143c_560{width:100%}._defaultCell_1143c_564>:first-child{padding-block-start:.25rem}._popInHeader_1143c_568{color:var(--sapContent_LabelColor);height:16px}._gap_1143c_573{gap:.5rem}._subcomponent_1143c_581{position:absolute;width:100%;&:focus{outline-offset:calc(var(--sapContent_FocusWidth)*-1);outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor)}}._verticalResizerContainer_1143c_594{overflow:hidden;position:relative;height:5px;text-align:center;cursor:row-resize;box-sizing:border-box;&:hover{background-color:var(--sapContent_DragAndDropActiveColor);color:var(--sapHighlightTextColor)}&:before{font-size:10px;font-family:var(--sapFontFamily);inset-block-start:0;position:absolute;content:"⦁⦁⦁⦁";line-height:5px;pointer-events:none}}._verticalResizer_1143c_594{position:absolute;opacity:.5;background-color:var(--sapContent_DragAndDropActiveColor);height:5px}._verticalScrollbarContainer_1143c_629{position:relative}._headerSection_1143c_633{box-sizing:border-box;border-block-start:var(--_ui5wcr-AnalyticalTable-OuterBorderBlock);border-inline-end:var(--_ui5wcr-AnalyticalTable-OuterBorderInline);border-block-end:var(--_ui5wcr-AnalyticalTable-HeaderBorderWidth) solid var(--sapList_HeaderBorderColor);background-color:var(--sapList_HeaderBackground);border-inline-start:1px solid var(--sapList_BorderColor);margin-inline-start:-1px}._scrollbar_1143c_642{box-sizing:border-box;overflow-y:auto;border-inline-end:var(--_ui5wcr-AnalyticalTable-OuterBorderInline);border-block-end:1px solid var(--sapList_TableFooterBorder);border-inline-start:1px solid var(--sapList_BorderColor);margin-inline-start:-1px}._verticalScroller_1143c_651{width:1px;background-color:var(--sapList_Background)}._bottomSection_1143c_656{flex-grow:1;background-color:var(--sapList_FooterBackground);box-sizing:border-box;border-inline-end:var(--_ui5wcr-AnalyticalTable-OuterBorderInline)}._firefoxCell_1143c_667{&:last-child{padding-inline-end:18px}}._firefoxNativeScrollbar_1143c_673{scrollbar-width:inherit}}`;
export const classNames = {
"baseCellFocus": "_baseCellFocus_1143c_1",
"tableContainerWithScrollBar": "_tableContainerWithScrollBar_1143c_15",
"overlay": "_overlay_1143c_18",
"busyIndicator": "_busyIndicator_1143c_24",
"table": "_table_1143c_15",
"tableHeaderRow": "_tableHeaderRow_1143c_74",
"hasNavigationIndicator": "_hasNavigationIndicator_1143c_78",
"th": "_th_1143c_79 _baseCellFocus_1143c_1",
"tr": "_tr_1143c_83",
"tableHeaderBackgroundElement": "_tableHeaderBackgroundElement_1143c_88",
"tableBodyBackgroundElement": "_tableBodyBackgroundElement_1143c_98",
"tbody": "_tbody_1143c_146",
"alternateRowColor": "_alternateRowColor_1143c_154",
"trActive": "_trActive_1143c_185",
"tableGroupHeader": "_tableGroupHeader_1143c_214",
"tableCell": "_tableCell_1143c_220 _baseCellFocus_1143c_1",
"expandGroupButton": "_expandGroupButton_1143c_225",
"expandGroupIcon": "_expandGroupIcon_1143c_230",
"textEllipsis": "_textEllipsis_1143c_239",
"showVerticalEndBorder": "_showVerticalEndBorder_1143c_286",
"noDataContainer": "_noDataContainer_1143c_290",
"noData": "_noData_1143c_290",
"navigation": "_navigation_1143c_313",
"positive": "_positive_1143c_317",
"negative": "_negative_1143c_321",
"critical": "_critical_1143c_325",
"information": "_information_1143c_329",
"indication01": "_indication01_1143c_333",
"indication02": "_indication02_1143c_337",
"indication03": "_indication03_1143c_341",
"indication04": "_indication04_1143c_345",
"indication05": "_indication05_1143c_349",
"indication06": "_indication06_1143c_353",
"indication07": "_indication07_1143c_357",
"indication08": "_indication08_1143c_361",
"hiddenA11yText": "_hiddenA11yText_1143c_365",
"checkBox": "_checkBox_1143c_373",
"thContainer": "_thContainer_1143c_393",
"verticalEndBorder": "_verticalEndBorder_1143c_403",
"header": "_header_1143c_407",
"text": "_text_1143c_239",
"iconContainer": "_iconContainer_1143c_442",
"selectAllCheckBoxContainer": "_selectAllCheckBoxContainer_1143c_453",
"icon": "_icon_1143c_442",
"resizer": "_resizer_1143c_467",
"popover": "_popover_1143c_493",
"filterIcon": "_filterIcon_1143c_501",
"filterText": "_filterText_1143c_508",
"container": "_container_1143c_518",
"expandableIcon": "_expandableIcon_1143c_526",
"button": "_button_1143c_541",
"nonExpandableCellSpacer": "_nonExpandableCellSpacer_1143c_547",
"withExpandableButton": "_withExpandableButton_1143c_552",
"popInContainer": "_popInContainer_1143c_560",
"defaultCell": "_defaultCell_1143c_564",
"popInHeader": "_popInHeader_1143c_568",
"gap": "_gap_1143c_573",
"subcomponent": "_subcomponent_1143c_581",
"verticalResizerContainer": "_verticalResizerContainer_1143c_594",
"verticalResizer": "_verticalResizer_1143c_594",
"verticalScrollbarContainer": "_verticalScrollbarContainer_1143c_629",
"headerSection": "_headerSection_1143c_633",
"scrollbar": "_scrollbar_1143c_642",
"verticalScroller": "_verticalScroller_1143c_651",
"bottomSection": "_bottomSection_1143c_656",
"firefoxCell": "_firefoxCell_1143c_667",
"firefoxNativeScrollbar": "_firefoxNativeScrollbar_1143c_673"
};
export { styleData as content };