@hitachivantara/uikit-react-core/dist/cjs/BulkActions/BulkActions.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 ActionsGeneric_styles = require("../ActionsGeneric/ActionsGeneric.styles.cjs");
require("../ActionsGeneric/ActionsGeneric.cjs");
const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvBulkActions", {
  root: {
    display: "flex",
    alignItems: "center",
    border: `1px solid ${uikitStyles.theme.colors.border}`,
    backgroundColor: uikitStyles.theme.colors.bgContainer,
    padding: uikitStyles.theme.spacing("xs", "md"),
    marginBottom: uikitStyles.theme.space.xs
  },
  semantic: {
    backgroundColor: uikitStyles.theme.colors.bgHover,
    "& $selectAll div": {
      "&:hover:not(:disabled)": {
        backgroundColor: uikitStyles.theme.alpha("textLight", 0.3)
      }
    },
    "& $selectAll:focus-within div": {
      backgroundColor: uikitStyles.theme.alpha("textLight", 0.3)
    }
  },
  actions: {
    display: "inline-flex",
    marginLeft: "auto",
    [`& .${ActionsGeneric_styles.staticClasses.dropDownMenuButton}:disabled`]: {
      "&,:hover": {
        backgroundColor: "transparent",
        borderColor: "transparent"
      }
    }
  },
  selectAllContainer: { display: "flex", alignItems: "center" },
  selectAll: {},
  selectAllPages: {},
  divider: {
    display: "flex",
    backgroundColor: uikitStyles.theme.colors.border,
    width: "1px",
    height: "32px",
    marginLeft: uikitStyles.theme.space.sm
  }
});
exports.staticClasses = staticClasses;
exports.useClasses = useClasses;