@hitachivantara/uikit-react-core/dist/cjs/Table/TableSection/TableSection.styles.cjs

Core React components for the NEXT Design System.

"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
const uikitStyles = require("@hitachivantara/uikit-styles");
const Pagination_styles = require("../../Pagination/Pagination.styles.cjs");
require("../../Pagination/Pagination.cjs");
const BulkActions_styles = require("../../BulkActions/BulkActions.styles.cjs");
require("../../BulkActions/BulkActions.cjs");
const TableCell_styles = require("../TableCell/TableCell.styles.cjs");
require("../TableCell/TableCell.cjs");
const TableRow_styles = require("../TableRow/TableRow.styles.cjs");
require("../TableRow/TableRow.cjs");
const TableHeader_styles = require("../TableHeader/TableHeader.styles.cjs");
require("../TableHeader/TableHeader.cjs");
const TableContainer_styles = require("../TableContainer/TableContainer.styles.cjs");
require("../TableContainer/TableContainer.cjs");
const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTableSection", {
  root: {},
  header: {
    // Only apply the border to divide the header and content when both are displayed
    "+ div": {
      borderTopLeftRadius: 0,
      borderTopRightRadius: 0
    }
  },
  actions: {},
  content: {
    marginTop: 0,
    padding: 0,
    // Apply border radius to the first child if there's not an header
    "&:first-of-type": {
      "& > :first-of-type": {
        borderTopLeftRadius: "inherit",
        borderTopRightRadius: "inherit"
      }
    },
    "& > :last-child": {
      borderBottomLeftRadius: "inherit",
      borderBottomRightRadius: "inherit"
    },
    [`& .${TableContainer_styles.staticClasses.root}`]: {
      paddingBottom: 0,
      borderTopLeftRadius: "inherit",
      borderTopRightRadius: "inherit"
    },
    [`& .${TableHeader_styles.staticClasses.head}`]: {
      backgroundColor: uikitStyles.theme.colors.bgPage,
      borderBottomColor: uikitStyles.theme.colors.bgPageSecondary,
      [`&.${TableHeader_styles.staticClasses.variantCheckbox}`]: {
        borderRight: "none"
      },
      [`&.${TableHeader_styles.staticClasses.variantActions}`]: {
        borderLeft: "none"
      }
    },
    // Remove border for the last table row
    [`& .${TableRow_styles.staticClasses.root}`]: {
      "&:last-child": {
        [`& .${TableCell_styles.staticClasses.root}`]: { borderBottom: "none" }
      }
    },
    [`& .${TableCell_styles.staticClasses.root}`]: {
      borderBottomColor: uikitStyles.theme.colors.borderSubtle
    },
    [`& .${TableCell_styles.staticClasses.variantCheckbox}`]: {
      borderRight: "none"
    },
    [`& .${TableCell_styles.staticClasses.variantActions}`]: {
      borderLeft: "none"
    },
    [`& .${BulkActions_styles.staticClasses.root}`]: {
      marginBottom: 0,
      border: "none",
      borderBottom: `1px solid ${uikitStyles.theme.colors.borderSubtle}`,
      padding: uikitStyles.theme.spacing("xs", "sm")
    },
    [`& .${Pagination_styles.staticClasses.root}`]: {
      margin: 0,
      backgroundColor: uikitStyles.theme.colors.bgPage,
      padding: uikitStyles.theme.space.xs,
      borderTop: `1px solid ${uikitStyles.theme.colors.borderSubtle}`,
      borderBottomLeftRadius: "inherit",
      borderBottomRightRadius: "inherit"
    },
    [`& .${Pagination_styles.staticClasses.pageSizeOptions}`]: {
      left: uikitStyles.theme.space.sm
    },
    [`& .${Pagination_styles.staticClasses.pageSizeHeader}`]: {
      border: "none",
      "&:hover": {
        border: "none"
      }
    }
  },
  hidden: {},
  raisedHeader: {
    "& $content": {
      paddingTop: 0
    }
  },
  hasHeader: {},
  /** @deprecated use `hasHeader` instead */
  spaceTop: {}
});
exports.staticClasses = staticClasses;
exports.useClasses = useClasses;