@hitachivantara/uikit-styles/dist/themes/next.js

UI Kit styling solution.

import { makeColors, makeTheme } from "../makeTheme.js";
//#region src/themes/next.ts
var next = makeTheme((theme) => ({
	name: "next",
	colors: makeColors({}),
	typography: {
		display: {
			color: theme.colors.text,
			fontWeight: theme.fontWeights.semibold,
			fontSize: theme.fontSizes.xl4,
			lineHeight: theme.lineHeights.xl4,
			letterSpacing: "0.00504em"
		},
		title1: {
			color: theme.colors.text,
			fontWeight: theme.fontWeights.semibold,
			fontSize: theme.fontSizes.xl3,
			lineHeight: theme.lineHeights.xl3,
			letterSpacing: "0.00384em"
		},
		title2: {
			color: theme.colors.text,
			fontWeight: theme.fontWeights.semibold,
			fontSize: theme.fontSizes.xl2,
			lineHeight: theme.lineHeights.xl2,
			letterSpacing: "0.00288em"
		},
		title3: {
			color: theme.colors.text,
			fontWeight: theme.fontWeights.semibold,
			fontSize: theme.fontSizes.xl,
			lineHeight: theme.lineHeights.xl,
			letterSpacing: "0.0024em"
		},
		title4: {
			color: theme.colors.text,
			fontWeight: theme.fontWeights.semibold,
			fontSize: theme.fontSizes.lg,
			lineHeight: theme.lineHeights.lg,
			letterSpacing: "0.00192em"
		},
		label: {
			color: theme.colors.text,
			fontWeight: theme.fontWeights.semibold,
			fontSize: theme.fontSizes.base,
			lineHeight: theme.lineHeights.base,
			letterSpacing: "0.00168em"
		},
		body: {
			color: theme.colors.text,
			fontWeight: theme.fontWeights.normal,
			fontSize: theme.fontSizes.base,
			lineHeight: theme.lineHeights.base,
			letterSpacing: "0.00168em"
		},
		captionLabel: {
			color: theme.colors.text,
			fontWeight: theme.fontWeights.semibold,
			fontSize: theme.fontSizes.sm,
			lineHeight: theme.lineHeights.sm,
			letterSpacing: 0
		},
		caption1: {
			color: theme.colors.text,
			fontWeight: theme.fontWeights.normal,
			fontSize: theme.fontSizes.sm,
			lineHeight: theme.lineHeights.sm,
			letterSpacing: "0.00144em"
		},
		caption2: {
			color: theme.colors.text,
			fontWeight: theme.fontWeights.normal,
			fontSize: theme.fontSizes.xs,
			lineHeight: theme.lineHeights.xs,
			letterSpacing: "0.0012em"
		}
	},
	header: {
		height: "64px",
		secondLevelHeight: "56px"
	},
	form: { errorColor: theme.colors.negative_120 },
	snackbar: { actionButtonVariant: "semantic" },
	bulkActions: { actionButtonVariant: "primaryGhost" },
	stepNavigation: {
		separatorMargin: "4px",
		defaultSeparatorHeight: 1,
		simpleSeparatorHeight: 1
	},
	filterGroup: {
		applyButtonVariant: "primary",
		cancelButtonVariant: "secondarySubtle"
	},
	colorPicker: { hueDirection: "horizontal" }
}));
//#endregion
export { next as default };