@kubit-ui-web/react-components/dist/cjs/components/table/table.styled.d.ts

Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience

import { CommonStyleType } from '../../types/styles/commonStyle';
import { LineSeparatorLinePropsStylesType, LineSeparatorPositionType } from '../lineSeparator/types/lineSeparatorTheme';
import { FlexWidthType } from './types/table';
import { TableHeaderStylesTypes, TableRowHeaderTypes, TableRowStylesTypes } from './types/tableTheme';
/******** TABLE STYLES *******/
export declare const TableStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {
    styles?: CommonStyleType;
}>> & string;
export declare const TableCaptionStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
/******** TABLE HEADER STYLES *******/
export declare const TableRowGroupHeaderStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {
    styles?: TableHeaderStylesTypes;
    lineSeparatorLineStyles?: LineSeparatorLinePropsStylesType;
    lineSeparatorTopOnHeader?: boolean;
    lineSeparatorBottomOnHeader?: boolean;
    $scrolling?: boolean;
}>> & string;
export declare const TableRowHeaderStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {
    styles?: TableHeaderStylesTypes;
    hasSomeDivider: boolean;
    hasSomeDividerContent: boolean;
    hasSomeExpandedContent: boolean;
    numberOfCells: number;
}>> & string;
export declare const TableEmptyColumnHeaderStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {
    styles?: TableHeaderStylesTypes;
}>> & string;
export declare const TableColumnHeaderStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, {
    styles?: TableHeaderStylesTypes;
    hasDivider?: boolean;
    showDivider?: boolean;
    customWidth?: string;
    customAlign?: string;
    flexWidth?: string | number | FlexWidthType;
    customBackgroundColor?: string;
    srOnly?: boolean;
}>> & string;
/******** TABLE BODY STYLES *******/
export declare const TableRowGroupBodyStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {
    styles?: TableRowHeaderTypes;
}>> & string;
export declare const TableRowBodyStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {
    styles?: TableRowStylesTypes;
    borderPosition?: LineSeparatorPositionType;
    lineSeparatorLineStyles: LineSeparatorLinePropsStylesType;
    hasSomeDivider: boolean;
    hasSomeDividerContent: boolean;
    numberOfCells: number;
    hasDivider: boolean;
    hasDividerContent: boolean;
    hasFooter: boolean;
    hasSomeExpandedContent?: boolean;
}>> & string;
export declare const TableColumnBodyStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {
    styles?: TableRowStylesTypes;
    hasSomeExpandedContent?: boolean;
    customWidth?: string;
    customAlign?: string;
    flexWidth?: string | number | FlexWidthType;
    customBackgroundColor?: string;
}>> & string;
export declare const TableExpandedCellStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {
    styles?: TableRowStylesTypes;
    showExpandedContent: boolean;
}>> & string;
/******** TABLE BODY EXPANDED CONTENT STYLES *******/
export declare const TableEmptyExpandedContentRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
    styles?: TableRowStylesTypes;
}>> & string;
export declare const TableExpandedButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
    styles?: TableRowStylesTypes;
}>> & string;
/******** TABLE BODY DIVIDER WRAPPER STYLES *******/
export declare const DividerInternalWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, never>> & string;
/******** LIST STYLES *******/
export declare const ListContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {
    styles?: TableRowHeaderTypes;
    hasFormatSideBySideInList?: boolean;
}>> & string;
export declare const ListContainerHeaderPriorityStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {
    styles?: TableRowHeaderTypes;
}>> & string;
export declare const ListRowContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {
    styles?: TableRowHeaderTypes;
    lineSeparatorLineStyles: LineSeparatorLinePropsStylesType;
    hasDivider: boolean;
}>> & string;
export declare const ListRowContainerHeaderPriorityStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {
    styles?: TableRowHeaderTypes;
    lineSeparatorLineStyles: LineSeparatorLinePropsStylesType;
    hasDivider: boolean;
}>> & string;
export declare const ListRowStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {
    styles?: TableRowHeaderTypes;
    formatSideBySideInList?: boolean;
}>> & string;
export declare const ListRowHeaderPriorityStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {
    styles?: TableRowHeaderTypes;
}>> & string;
export declare const ListHeaderItemStylesStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
    index?: number;
    hasSomeExpandedContent?: boolean;
    lineSeparatorLineStyles?: LineSeparatorLinePropsStylesType;
    lineSeparatorTopOnHeader?: boolean;
    lineSeparatorBottomOnHeader?: boolean;
    styles?: TableHeaderStylesTypes;
    customWidth?: string;
    customAlign?: string;
    flexWidth?: string | number | FlexWidthType;
    customBackgroundColor?: string;
}>> & string;
export declare const ListItemStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {
    hasSomeExpandedContent?: boolean;
    styles?: TableRowHeaderTypes;
}>> & string;
export declare const ListItemHeaderPriorityStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {
    hasSomeExpandedContent?: boolean;
    lineSeparatorLineStyles: LineSeparatorLinePropsStylesType;
    borderPosition?: LineSeparatorPositionType;
    styles?: TableRowStylesTypes;
    customBackgroundColor?: string;
    customWidth?: string;
    customAlign?: string;
    flexWidth?: string | number | FlexWidthType;
}>> & string;
export declare const ListItemExpandedStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
    styles?: TableRowStylesTypes;
    showExpandedContent: boolean;
}>> & string;
export declare const ListEmptyExpandedContentItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;