@workday/canvas-kit-react/dist/es6/layout/lib/utils/text.d.ts

The parent module that contains all Workday Canvas Kit React components

import { Property } from 'csstype';
import { StyleFnConfig } from './buildStyleFns';
import { SystemPropValues } from './systemProps';
/** style props to for CSS font and text properties */
export type TextStyleProps = {
    /**
     * - sets [CSS font-family property](https://developer.mozilla.org/en-US/docs/Web/CSS/font-family)
     * - system tokens: `font` */
    fontFamily?: Property.FontFamily | SystemPropValues['font'];
    /**
     * - sets [CSS font-size property](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size)
     * - system tokens: `fontSize` */
    fontSize?: Property.FontSize | SystemPropValues['fontSize'];
    /** sets [CSS font-style property](https://developer.mozilla.org/en-US/docs/Web/CSS/font-style) */
    fontStyle?: Property.FontStyle;
    /**
     * - sets [CSS font-weight property](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight)
     * - system tokens: `fontWeight` */
    fontWeight?: Property.FontWeight | SystemPropValues['fontWeight'];
    /** sets [CSS line-height property](https://developer.mozilla.org/en-US/docs/Web/CSS/line-height) */
    lineHeight?: Property.LineHeight;
    /** sets [CSS letter-spacing property](https://developer.mozilla.org/en-US/docs/Web/CSS/letter-spacing) */
    letterSpacing?: Property.LetterSpacing;
    /** sets [CSS text-align property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align) */
    textAlign?: Property.TextAlign;
    /** sets [CSS text-decoration property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration) */
    textDecoration?: Property.TextDecoration;
    /** sets [CSS text-overflow property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow) */
    textOverflow?: Property.TextOverflow;
    /** sets [CSS text-transform property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform) */
    textTransform?: Property.TextTransform;
    /** sets [CSS text-shadow property](https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow) */
    textShadow?: Property.TextShadow;
    /** sets [CSS white-space property](https://developer.mozilla.org/en-US/docs/Web/CSS/white-space) */
    whiteSpace?: Property.WhiteSpace;
    /** sets [CSS word-break property](https://developer.mozilla.org/en-US/docs/Web/CSS/word-break) */
    wordBreak?: Property.WordBreak;
};
export declare const textStyleFnConfigs: StyleFnConfig[];
export declare const textStyleFns: import("./buildStyleFns").StyleFns;
/**
 * A style prop function that takes component props and returns font and text styles.
 * If no `TextStyleProps` are found, it returns an empty object.
 *
 * @example
 * ```
 * const BoxExample = () => (
 *   <Box textAlign="center" fontWeight="medium">Hello, alignment!</Box>
 * );
 * ```
 */
export declare const text: (props: TextStyleProps) => {};
//# sourceMappingURL=text.d.ts.map