@hitachivantara/uikit-react-core
Version:
Core React components for the NEXT Design System.
56 lines (55 loc) • 1.18 kB
JavaScript
import { createClasses } from "@hitachivantara/uikit-react-utils";
import { theme } from "@hitachivantara/uikit-styles";
const { staticClasses, useClasses } = createClasses("HvAppSwitcher", {
root: {
display: "flex",
flexDirection: "column",
overflow: "hidden"
},
item: {},
itemSelected: {},
itemDisabled: {},
itemTrigger: {},
itemIcon: {},
itemTitle: {},
itemInfoIcon: {},
actionsContainer: {
display: "flex",
flexWrap: "wrap",
justifyContent: "flex-start",
overflowY: "auto",
gap: theme.space.xs,
padding: 4,
margin: -4
},
footerContainer: {
display: "flex",
alignItems: "center",
marginTop: "auto",
height: 52,
paddingTop: theme.space.sm
},
open: {
zIndex: theme.zIndices.overlay,
position: "absolute",
top: "50px",
overflowX: "hidden",
boxShadow: theme.colors.shadow
},
closed: { display: "none" },
title: {
minHeight: 36,
paddingBottom: theme.space.sm,
...theme.typography.label
},
titleAnchor: {
WebkitLineClamp: 2
},
single: { width: 280 + 40 },
dual: { width: 560 + 40 },
fluid: {}
});
export {
staticClasses,
useClasses
};