/** * --- * category: utilities/themes * --- * Gets prop values from a theme object for the given values. * @module getShorthandPropValue * * @param componentName The name of the component (just for error messages) * @param componentTheme A theme object of keys and values * @param propValue A space delimited string of values e.g. `"small large none"` * @param propName A prefix to combine with each propValue * @param matchCSSUnits Match valid CSS strings too like `1rem`. It's a simple * matcher, just checks whether the given string starts with a number and ends * with a string, e.g. `4rem`, `.5em`, `2.6px`, `5foo` * @returns A space-delimited string with the following values: * - `0` for the `0` or `none` `propValue` * - `auto` for the `auto` `propValue` * - `100%` for the `circle` `propValue` * - `999em` for the `pill` `propValue` * - The value in the theme object for the `${propName}-{nth propValue}` key, e.g. * `small` will be `0.2rem` */ declare function getShorthandPropValue(componentName: string, componentTheme: Record, propValue: string | undefined, propName: string, matchCSSUnits?: boolean): string | undefined; export default getShorthandPropValue; export { getShorthandPropValue }; //# sourceMappingURL=getShorthandPropValue.d.ts.map