@hitachivantara/uikit-react-core
Version:
Core React components for the NEXT Design System.
50 lines (49 loc) • 1.11 kB
JavaScript
import { createClasses } from "@hitachivantara/uikit-react-utils";
import { theme } from "@hitachivantara/uikit-styles";
const { useClasses, staticClasses } = createClasses("HvBannerContent", {
root: {
minWidth: "100%",
width: "100%",
position: "relative",
gap: theme.space.xs
},
success: {},
warning: {},
error: {},
default: {},
info: {},
accent: {},
message: {
gap: theme.space.xs,
padding: theme.spacing("xs", 0),
paddingLeft: theme.space.sm,
...theme.typography.body,
color: theme.colors.textDark
},
action: {
padding: theme.space.xs,
flex: "0 0 auto",
placeSelf: "stretch"
},
messageContainer: {
maxWidth: 700
},
iconContainer: {
marginLeft: theme.spacing(-1)
},
messageActions: {
flex: "0 0 auto"
},
actionContainer: {},
closeAction: {},
/** @deprecated use ´classes.root` instead */
baseVariant: {},
/** @deprecated use `classes.root` instead */
outContainer: {},
/** @deprecated use `classes.actionContainer` instead */
actionsInnerContainer: {}
});
export {
staticClasses,
useClasses
};