@kubit-ui-web/react-components/dist/esm/components/tableCell/tableCell.styled.js

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

import styled from 'styled-components';
import { srOnlyMixin } from '../../styles/mixins/srOnly.mixin';
import { getStyles, getTypographyStyles } from '../../utils/getStyles/getStyles';
export const TDStyled = styled.td `
  ${({ $styles }) => getStyles($styles?.container)};
  ${({ $styles }) => getTypographyStyles($styles?.container)};
  height: ${({ $height }) => $height};
  width: ${({ $width }) => $width};
  min-width: ${({ $minWidth }) => $minWidth};
  max-width: ${({ $maxWidth }) => $maxWidth};
  text-align: ${({ $textAlign }) => $textAlign};
  &[data-sticky] {
    position: sticky;
  }
  &[data-hidden='true'] {
    & > :first-child {
      ${srOnlyMixin}
    }
  }
  top: ${({ $top }) => $top};
  left: ${({ $left }) => $left};
  right: ${({ $right }) => $right};
  bottom: ${({ $bottom }) => $bottom};
`;
//# sourceMappingURL=tableCell.styled.js.map