/// Background of a paginator
/// @group data
$paginatorBg: var(--paginator-bg);

/// Text color of a paginator
/// @group data
$paginatorTextColor: $textSecondaryColor;

/// Border of a paginator
/// @group data
$paginatorBorder: solid var(--paginator-border);

/// Border width of a paginator
/// @group data
$paginatorBorderWidth: none;

/// Padding of a paginator
/// @group data
$paginatorPadding: 0.5rem 1rem;

/// Width of a paginator element
/// @group data
$paginatorElementWidth: $buttonIconOnlyWidth;

/// Height of a paginator element
/// @group data
$paginatorElementHeight: $buttonIconOnlyWidth;

/// Background of a paginator element
/// @group data
$paginatorElementBg: transparent;

/// Border of a paginator element
/// @group data
$paginatorElementBorder: 0 none;

/// Icon color of a paginator element
/// @group data
$paginatorElementIconColor: $textSecondaryColor;

/// Background of a paginator element in hover state
/// @group data
$paginatorElementHoverBg: var(--paginator-element-hover-bg);

/// Border color of a paginator element in hover state
/// @group data
$paginatorElementHoverBorderColor: transparent;

/// Icon color of a paginator element in hover state
/// @group data
$paginatorElementIconHoverColor: $textSecondaryColor;

/// Border radius of a paginator element
/// @group data
$paginatorElementBorderRadius: $borderRadius;

/// Margin of a paginator element
/// @group data
$paginatorElementMargin: 0.143rem;

/// Padding of a paginator element
/// @group data
$paginatorElementPadding: 0;

/// Border of a table header
/// @group data
$tableHeaderBorder: 1px solid var(--surface-border);

/// Border width of a table header
/// @group data
$tableHeaderBorderWidth: 0 0 1px 0;

/// Background of a table header
/// @group data
$tableHeaderBg: var(--paginator-bg);

/// Text color of a table header
/// @group data
$tableHeaderTextColor: $textColor;

/// Font weight of a table header
/// @group data
$tableHeaderFontWeight: var(--table-header-font-weight);

/// Padding of a table header, must be defined with a shorthand for vertical and horizontal values e.g. ".5rem .5rem"
/// @group data
$tableHeaderPadding: 0.875rem 0.875rem;

/// Padding of a table header cell, must be defined with a shorthand for vertical and horizontal values e.g. ".5rem .5rem"
/// @group data
$tableHeaderCellPadding: 0.595rem 0.875rem;

/// Background of a table header cell
/// @group data
$tableHeaderCellBg: var(--table-header-cell-bg);

/// Text color of a table header cell
/// @group data
$tableHeaderCellTextColor: $textColor;

/// Font weight of a table header cell
/// @group data
$tableHeaderCellFontWeight: var(--table-cell-font-weight);

/// Border of a table header cell
/// @group data
$tableHeaderCellBorder: 1px solid var(--surface-border);

/// Border width of a table header cell
/// @group data
$tableHeaderCellBorderWidth: 0 0 1px 0;

/// Background of a table header cell in hover state
/// @group data
$tableHeaderCellHoverBg: var(--table-header-cell-hover-bg);

/// Text color of a table header cell in hover state
/// @group data
$tableHeaderCellTextHoverColor: $textColor;

/// Icon color of a table header cell
/// @group data
$tableHeaderCellIconColor: $textSecondaryColor;

/// Icon color of a table header cell in hover state
/// @group data
$tableHeaderCellIconHoverColor: $textSecondaryColor;

/// Background of a table header cell in sorted state
/// @group data
$tableHeaderCellHighlightBg: var(--table-header-cell-highlight-bg);

/// Text color of a table header cell in sorted state
/// @group data
$tableHeaderCellHighlightTextColor: var(--primary-color);

/// Hover background of a table header cell in sorted state
/// @group data
$tableHeaderCellHighlightHoverBg: var(--table-cell-highlight-hover-bg);

/// Hover text color of a table header cell in sorted state
/// @group data
$tableHeaderCellHighlightTextHoverColor: var(--primary-color);

/// Size of a multiple column sorting order indicator
/// @group data
$tableSortableColumnBadgeSize: 1.143rem;

/// Background of a table body row
/// @group data
$tableBodyRowBg: var(--table-bg-color);

/// Text color of a table body row
/// @group data
$tableBodyRowTextColor: $textColor;

/// Background of an even table body row
/// @group data
$tableBodyRowEvenBg: var(--table-body-row-even-bg);

/// Background of a table body row in hover state
/// @group data
$tableBodyRowHoverBg: var(--table-body-row-hover-bg);

/// Text color of a table body row in hover state
/// @group data
$tableBodyRowTextHoverColor: $textColor;

/// Border for a cell of a table toby row
/// @group data
$tableBodyCellBorder: 1px solid var(--surface-border);

/// Border width for a cell of a table toby row
/// @group data
$tableBodyCellBorderWidth: 0 0 1px 0;

/// Padding for a cell of a table toby row, must be defined with a shorthand for vertical and horizontal values e.g. ".5rem .5rem"
/// @group data
$tableBodyCellPadding: 0.595rem 0.875rem;

/// Padding of a table footer cell, must be defined with a shorthand for vertical and horizontal values e.g. ".5rem .5rem"
/// @group data
$tableFooterCellPadding: 0.595rem 0.875rem;

/// Background of a table footer cell
/// @group data
$tableFooterCellBg: var(--table-header-cell-highlight-bg);

/// Text color of a table footer cell
/// @group data
$tableFooterCellTextColor: $textColor;

/// Font weight of a table footer cell
/// @group data
$tableFooterCellFontWeight: 600;

/// Border of a table footer cell
/// @group data

/// Border of a table footer cell
/// @group data
$tableFooterCellBorder: 1px solid var(--surface-border);

/// Border width of a table footer cell
/// @group data
$tableFooterCellBorderWidth: 0 0 1px 0;

/// Backgground of a table column resize indicator bar
/// @group data
$tableResizerHelperBg: var(--primary-color);

/// Border of a table footer
/// @group data
$tableFooterBorder: 1px solid #e9ecef;

/// Border width of a table footer
/// @group data
$tableFooterBorderWidth: 0 0 1px 0;

/// Background of a table footer
/// @group data
$tableFooterBg: #f8f9fa;

/// Text color of a table footer
/// @group data
$tableFooterTextColor: $textColor;

/// Font weight of a table footer
/// @group data
$tableFooterFontWeight: 600;

/// Padding of a table footer, must be defined with a shorthand for vertical and horizontal values e.g. ".5rem .5rem"
/// @group data
$tableFooterPadding: 0.875rem 0.875rem;

/// Content alignment of a table cell
/// @group data
$tableCellContentAlignment: left;

/// Border width of a table paginator positioned at top
/// @group data
$tableTopPaginatorBorderWidth: none;

/// Border width of a table paginator positioned at bottom
/// @group data
$tableBottomPaginatorBorderWidth: none;

/// Scale factor of a small datatable
/// @group data
$tableScaleSM: 0.5;

/// Scale factor of a large datatable
/// @group data
$tableScaleLG: 1.25;

/// Padding for content section of a dataview
/// @group data
$dataViewContentPadding: 0;

/// Border for content section of a dataview
/// @group data
$dataViewContentBorder: 0 none;

/// Border for an item of a dataview in list orientation
/// @group data
$dataViewListItemBorder: solid var(--table-footer-border);

/// Border width for an item of a dataview in list orientation
/// @group data
$dataViewListItemBorderWidth: 0 0 1px 0;

/// Background of a full calendar event
/// @group data
$fullCalendarEventBg: var(--primary-dark-color);

/// Border color of a full calendar event
/// @group data
$fullCalendarEventBorderColor: var(--primary-dark-color);

/// Border of a full calendar event
/// @group data
$fullCalendarEventBorder: 1px solid var(--primary-dark-color);

/// Text color of a full calendar event
/// @group data
$fullCalendarEventTextColor: var(--primary-text-color);

/// Padding of a tree
/// @group data
$treeContainerPadding: 0.286rem;

/// Padding of a tree node
/// @group data
$treeNodePadding: 0.143rem;

/// Padding of a tree node content consists of toggler, icon and label
/// @group data
$treeNodeContentPadding: 0.5rem;

/// Padding of a tree node children container
/// @group data
$treeNodeChildrenPadding: 0 0 0 1rem;

/// Color of a treenode data icon, $dataActionIconColor for the toggler element
/// @group data
$treeNodeIconColor: $textSecondaryColor;

/// Padding of a vertical timeline content element
/// @group data
$timelineVerticalEventContentPadding: 0 1rem;

/// Padding of a horizontal timeline content element
/// @group data
$timelineHorizontalEventContentPadding: 1rem 0;

/// Width of a timeline marker
/// @group data
$timelineEventMarkerWidth: 1rem;

/// Height of a timeline marker
/// @group data
$timelineEventMarkerHeight: 1rem;

/// Border radius of a timeline marker
/// @group data
$timelineEventMarkerBorderRadius: 50%;

/// Border of a timeline marker
/// @group data
$timelineEventMarkerBorder: 2px solid $highlightBg;

/// Background of a timeline marker
/// @group data
$timelineEventMarkerBackground: $highlightTextColor;

/// Size of a timeline connector
/// @group data
$timelineEventConnectorSize: 2px;

/// Color of a timeline event
/// @group data
$timelineEventColor: var(--surface-border);

/// Color of a line to connect to organization chart nodes
/// @group data
$organizationChartConnectorColor: var(--surface-border);