@atlaskit/dynamic-table
Version:
A dynamic table displays rows of data with built-in pagination, sorting, and re-ordering functionality.
23 lines • 821 B
JavaScript
import * as colors from '@atlaskit/theme/colors';
export const MSThemeColors = {
Background: 'Canvas',
Text: 'CanvasText',
SelectedBackground: 'Highlight',
SelectedText: 'HighlightText'
};
export const arrow = {
defaultColor: `var(--ds-icon-disabled, ${colors.N40})`,
selectedColor: `var(--ds-icon-subtle, ${colors.N300})`
};
export const row = {
focusOutline: `var(--ds-border-focused, ${colors.B100})`,
highlightedBackground: `var(--ds-background-selected, ${colors.B50})`,
hoverBackground: `var(--ds-background-neutral-subtle-hovered, ${colors.N10})`,
hoverHighlightedBackground: `var(--ds-background-selected-hovered, ${colors.B75})`
};
export const head = {
textColor: `var(--ds-text-subtlest, ${colors.N300})`
};
export const tableBorder = {
borderColor: `var(--ds-border, ${colors.N40})`
};