@hitachivantara/uikit-react-core/dist/esm/AppSwitcher/Action/Action.styles.js

Core React components for the NEXT Design System.

import { createClasses } from "@hitachivantara/uikit-react-utils";
import { theme } from "@hitachivantara/uikit-styles";
const { staticClasses, useClasses } = createClasses(
  "HvAppSwitcher-Action",
  {
    root: {
      width: "100%",
      maxWidth: 280,
      minHeight: 52
    },
    icon: { display: "flex", minWidth: 40, justifyContent: "center" },
    iconUrl: { width: 32 },
    iconInfo: { minWidth: 32 },
    disabled: {},
    selected: {},
    typography: {
      display: "flex",
      justifyContent: "flex-start",
      alignItems: "center",
      width: "100%",
      minHeight: 52,
      padding: `6px ${theme.space.xs}`,
      border: "none",
      borderLeft: `2px solid currentcolor`,
      cursor: "pointer",
      textDecoration: "inherit",
      backgroundColor: "inherit",
      "$disabled &": {
        cursor: "not-allowed"
      }
    },
    title: {
      flexGrow: 1,
      whiteSpace: "normal",
      textAlign: "left",
      margin: `0 ${theme.space.xs}`,
      textWrap: "balance",
      ...theme.typography.label,
      color: "inherit"
    },
    titleAnchor: {
      WebkitLineClamp: 2
    }
  }
);
export {
  staticClasses,
  useClasses
};