@kubit-ui-web/react-components/dist/cjs/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

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.TDStyled = void 0;
const styled_components_1 = __importDefault(require("styled-components"));
const srOnly_mixin_1 = require("../../styles/mixins/srOnly.mixin");
const getStyles_1 = require("../../utils/getStyles/getStyles");
exports.TDStyled = styled_components_1.default.td `
  ${({ $styles }) => (0, getStyles_1.getStyles)($styles?.container)};
  ${({ $styles }) => (0, getStyles_1.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 {
      ${srOnly_mixin_1.srOnlyMixin}
    }
  }
  top: ${({ $top }) => $top};
  left: ${({ $left }) => $left};
  right: ${({ $right }) => $right};
  bottom: ${({ $bottom }) => $bottom};
`;
//# sourceMappingURL=tableCell.styled.js.map