@veracity/vui/dist/system/custom.js

Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.

import { style } from "@xstyled/styled-components";

//#region src/system/custom.ts
/** Provides styling to truncate single-line text. */
const isTruncated = style({
	prop: "isTruncated",
	cssProperty: function() {
		return {
			overflow: "hidden",
			"text-overflow": "ellipsis",
			"white-space": "nowrap"
		};
	},
	states: {}
});
/** Provides styling to truncate multi-line text. */
const maxLines = style({
	prop: "maxLines",
	cssProperty: function(value) {
		return {
			display: "-webkit-box",
			overflow: "hidden",
			"-webkit-line-clamp": `${value}`,
			"-webkit-box-orient": "vertical"
		};
	},
	states: {}
});
const wordBreak = style({ prop: "wordBreak" });

//#endregion
export { isTruncated, maxLines, wordBreak };
globalThis.__vuiVersion__ = "5.3.1"
//# sourceMappingURL=custom.js.map