@hitachivantara/uikit-react-core/dist/themes/next.js

UI Kit Core React components.

import { mergeTheme, next, theme } from "@hitachivantara/uikit-styles";
//#region src/themes/next.ts
var next$1 = mergeTheme(next, { components: {
	HvAvatar: { classes: { square: { borderRadius: theme.radii.round } } },
	HvBannerContent: { classes: { root: { borderRadius: 0 } } },
	HvBaseDropdown: { classes: { headerOpen: {
		"--r": theme.radii.round,
		"&[data-popper-placement*=top]": { borderRadius: "0 0 var(--r) var(--r)" },
		"&[data-popper-placement*=bottom]": { borderRadius: "var(--r) var(--r) 0 0" }
	} } },
	HvDropdownPanel: { classes: { panel: {
		"--r": theme.radii.round,
		"&[data-popper-placement*=top]": {
			top: 1,
			borderRadius: "var(--r) var(--r) var(--r) 0",
			"&:has([data-is-dropdown])": { borderRadius: "var(--r) var(--r) 0 0" }
		},
		"&[data-popper-placement*=bottom]": {
			top: -1,
			borderRadius: "0 var(--r) var(--r) var(--r)",
			"&:has([data-is-dropdown])": { borderRadius: "0 0 var(--r) var(--r)" }
		}
	} } },
	HvBreadCrumb: { classes: { link: { borderRadius: theme.radii.round } } },
	HvButton: {
		radius: "round",
		classes: {
			root: { ":where(:not(.HvButton-disabled,.HvButton-contained))": { "&[data-color=warning]": { color: theme.colors.warningDeep } } },
			contained: {
				":where([data-color=primary]:not(.HvButton-disabled))": { ":hover, &:focus-visible": {
					backgroundColor: theme.colors.primaryStrong,
					borderColor: theme.colors.primaryStrong
				} },
				":where([data-color=positive]:not(.HvButton-disabled))": { ":hover, &:focus-visible": {
					backgroundColor: theme.colors.positiveStrong,
					borderColor: theme.colors.positiveStrong
				} },
				":where([data-color=warning]:not(.HvButton-disabled))": {
					backgroundColor: theme.colors.warningStrong,
					":hover, &:focus-visible": {
						backgroundColor: theme.colors.warningDeep,
						borderColor: theme.colors.warningDeep
					}
				},
				":where([data-color=negative]:not(.HvButton-disabled))": { ":hover, &:focus-visible": {
					backgroundColor: theme.colors.negativeStrong,
					borderColor: theme.colors.negativeStrong
				} }
			}
		}
	},
	HvCalendar: { classes: { root: {
		" .HvCalendarCell-cellContainer": {
			borderRadius: theme.radii.round,
			"& .HvCalendarCell-startBookend": {
				borderTopLeftRadius: theme.radii.round,
				borderBottomLeftRadius: theme.radii.round
			},
			"& .HvCalendarCell-endBookend": {
				borderTopRightRadius: theme.radii.round,
				borderBottomRightRadius: theme.radii.round
			}
		},
		" .HvCalendarCell-calendarDateSelected": { borderRadius: theme.radii.round }
	} } },
	HvCallout: { classes: { messageIcon: {
		color: "inherit !important",
		padding: 0
	} } },
	HvColorPicker: { classes: { colorPicker: { ".HvColorPickerSwatch-root": { borderRadius: theme.radii.round } } } },
	HvDropdownButton: { classes: { open: {
		"&[data-popper-placement*='top']": {
			borderTopLeftRadius: 0,
			borderTopRightRadius: 0
		},
		"&[data-popper-placement*='bottom']": {
			borderBottomLeftRadius: 0,
			borderBottomRightRadius: 0
		}
	} } },
	HvFooter: {
		name: "Hitachi Vantara",
		copyright: `© Hitachi Vantara LLC ${(/* @__PURE__ */ new Date()).getFullYear()}. All Rights Reserved.`
	},
	HvMultiButton: { classes: {
		multiple: {
			borderRadius: theme.radii.round,
			"& .HvMultiButton-button.HvMultiButton-selected": {
				borderRadius: theme.radii.round,
				borderColor: theme.colors.primary,
				borderWidth: 2
			}
		},
		vertical: {
			borderRadius: theme.radii.round,
			"& .HvMultiButton-button.HvMultiButton-selected": {
				borderRadius: theme.radii.round,
				borderColor: theme.colors.primary,
				borderWidth: 2
			}
		},
		splitGroup: {
			"& .HvButton-subtle": { backgroundColor: theme.colors.bgContainer },
			"&& .HvButton-disabled": { backgroundColor: theme.colors.bgDisabled }
		}
	} },
	HvSuggestions: { classes: { panel: {
		margin: theme.spacing("xxs", 0),
		"&&": { borderRadius: theme.radii.round }
	} } },
	HvSnackbarContent: { classes: { root: { borderRadius: theme.radii.round } } },
	HvStatusIcon: { type: "simple" },
	HvTab: { classes: { root: { "&.HvTab-selected": { color: theme.colors.text } } } },
	HvTabs: { classes: { indicator: { backgroundColor: theme.colors.primaryStrong } } },
	HvTag: { classes: {
		root: { "--tagColor": theme.colors.neutral_20 },
		categorical: { "--tagColor": theme.alpha("cat1", .2) },
		xs: { height: 19 }
	} },
	HvDialog: { classes: { statusBar: {
		borderTopLeftRadius: theme.radii.round,
		borderTopRightRadius: theme.radii.round
	} } },
	HvDialogTitle: { classes: { root: {
		"& .HvStatusIcon-root": { padding: 0 },
		"& .HvIconContainer-root": { color: `${theme.colors.text}!important` }
	} } },
	HvDialogContent: { classes: { root: {
		borderTop: "none",
		borderBottom: "none"
	} } },
	HvDialogActions: { classes: { root: { borderTop: `1px solid ${theme.colors.borderSubtle}` } } },
	HvRadioIcon: { classes: { checked: { "--bg-color": theme.colors.primary } } }
} });
//#endregion
export { next$1 as next };