@gravity-ui/uikit
Version:
Gravity UI base styling and components
46 lines (45 loc) • 957 B
JavaScript
import { block } from "../../utils/cn.js";
import "./text.css";
const b = block('text');
export const TEXT_VARIANTS = [
'display-4',
'display-3',
'display-2',
'display-1',
'header-2',
'header-1',
'subheader-3',
'subheader-2',
'subheader-1',
'body-3',
'body-2',
'body-1',
'body-short',
'caption-2',
'caption-1',
'code-3',
'code-inline-3',
'code-2',
'code-inline-2',
'code-1',
'code-inline-1',
];
/**
* Utility to generate text classes.
*
* **Hint:** Hover on props in your editor to read jsdoc
*
* ---
* ```jsx
* // "text text_display1 some-class"
* text({variant: 'display-1'}, 'some-class')`
*```
*/
export const text = ({ variant = 'body-1', ellipsis, ellipsisLines, whiteSpace, wordBreak }, className) => b({
variant,
ellipsis,
ws: whiteSpace,
wb: wordBreak,
'ellipsis-lines': ellipsisLines,
}, className);
//# sourceMappingURL=text.js.map