@fluentui/react/lib/components/Stack/StackUtils.d.ts

Reusable React components for building web experiences.

import type { ITheme } from '../../Styling';
import type { IStackProps } from './Stack.types';
/**
 * Takes in a gap size in either a CSS-style format (e.g. 10 or "10px")
 *  or a key of a themed spacing value (e.g. "s1").
 * Returns the separate numerical value of the padding (e.g. 10)
 *  and the CSS unit (e.g. "px").
 */
export declare const parseGap: (gap: IStackProps['gap'], theme: ITheme) => {
    rowGap: {
        value: number;
        unit: string;
    };
    columnGap: {
        value: number;
        unit: string;
    };
};
/**
 * Takes in a padding in a CSS-style format (e.g. 10, "10px", "10px 10px", etc.)
 *  where the separate padding values can also be the key of a themed spacing value
 *  (e.g. "s1 m", "10px l1 20px l2", etc.).
 * Returns a CSS-style padding.
 */
export declare const parsePadding: (padding: number | string | undefined, theme: ITheme) => number | string | undefined;