@hitachivantara/uikit-react-core/dist/DropdownButton/DropdownButton.styles.js

UI Kit Core React components.

import { staticClasses as staticClasses$1 } from "../Button/Button.styles.js";
import { theme } from "@hitachivantara/uikit-styles";
import { createClasses } from "@hitachivantara/uikit-react-utils";
//#region src/DropdownButton/DropdownButton.styles.tsx
var disabledStyle = { [`&,&.${staticClasses$1.subtle},&.${staticClasses$1.ghost}`]: {
	backgroundColor: theme.colors.bgDisabled,
	borderColor: theme.colors.bgDisabled,
	"&:hover": { backgroundColor: theme.colors.bgDisabled }
} };
var { staticClasses, useClasses } = createClasses("HvDropdownButton", {
	root: {
		userSelect: "none",
		position: "relative",
		[`&:not(.${staticClasses$1.icon})`]: {
			width: "100%",
			minWidth: "unset",
			justifyContent: "flex-start",
			paddingLeft: theme.space.xs
		}
	},
	disabled: { ...disabledStyle },
	readOnly: {
		userSelect: "text",
		...disabledStyle
	},
	open: { backgroundColor: theme.colors.bgContainer },
	selection: {
		color: "inherit",
		flex: 1,
		textAlign: "start",
		overflow: "auto",
		textOverflow: "ellipsis",
		whiteSpace: "nowrap"
	},
	placeholder: {},
	arrowContainer: { marginRight: theme.spacing(-2) }
});
//#endregion
export { useClasses };