@atlaskit/dynamic-table/dist/es2019/styled/constants.js

A dynamic table displays rows of data with built-in pagination, sorting, and re-ordering functionality.

// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
import { css } from '@emotion/react';
const CSS_VAR_WIDTH = '--local-dynamic-table-width';
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
export const truncationWidthStyles = css({
  width: `var(${CSS_VAR_WIDTH})`
});

// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
export const fixedSizeTruncateStyles = css({
  textOverflow: 'ellipsis',
  whiteSpace: 'nowrap'
});

// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
export const overflowTruncateStyles = css({
  overflow: 'hidden'
});
export const getTruncationStyleVars = ({
  width
}) => typeof width !== 'undefined' ? {
  [CSS_VAR_WIDTH]: `${width}%`
} : undefined;

// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
export const cellStyles = css({
  padding: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-100, 8px)"}`,
  border: 'none',
  textAlign: 'left',
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
  '&:first-of-type': {
    paddingInlineStart: "var(--ds-space-0, 0px)"
  },
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
  '&:last-child': {
    paddingInlineEnd: "var(--ds-space-0, 0px)"
  }
});