@awsui/components-react
Version:
On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en
17 lines • 765 B
JavaScript
import clsx from 'clsx';
import { useCurrentMode, useDensityMode } from '@awsui/component-toolkit/internal';
import { useVisualContext } from '../../components/visual-context';
import { useVisualRefresh } from '../use-visual-mode';
export function usePortalModeClasses(ref) {
const colorMode = useCurrentMode(ref);
const densityMode = useDensityMode(ref);
const context = useVisualContext(ref);
const visualRefresh = useVisualRefresh();
return clsx({
'awsui-polaris-dark-mode awsui-dark-mode': colorMode === 'dark',
'awsui-polaris-compact-mode awsui-compact-mode': densityMode === 'compact',
'awsui-visual-refresh': visualRefresh,
[`awsui-context-${context}`]: context,
});
}
//# sourceMappingURL=index.js.map