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

UI Kit Core React components.

import { theme } from "@hitachivantara/uikit-styles";
import { createClasses } from "@hitachivantara/uikit-react-utils";
//#region src/Dropdown/Dropdown.styles.tsx
var { staticClasses, useClasses } = createClasses("HvDropdown", {
	root: {
		width: "100%",
		position: "relative",
		display: "inline-block"
	},
	labelContainer: {},
	label: {},
	description: {},
	error: {},
	placeholder: {
		overflow: "hidden",
		textOverflow: "ellipsis",
		whiteSpace: "nowrap"
	},
	placeholderClosed: { color: theme.colors.textSubtle },
	selectionDisabled: {
		lineHeight: theme.space.md,
		color: theme.colors.textDisabled
	},
	dropdown: {
		width: "100%",
		borderRadius: theme.radii.base
	},
	arrow: {},
	dropdownHeader: {},
	dropdownHeaderInvalid: { borderColor: theme.form.errorColor },
	dropdownHeaderOpen: {},
	dropdownListContainer: {},
	rootList: {},
	disabled: { color: theme.colors.textDisabled },
	readOnly: { "& $dropdownHeader": {
		borderColor: theme.colors.textSubtle,
		backgroundColor: theme.colors.bgContainer
	} }
});
//#endregion
export { staticClasses, useClasses };