reflexy/utils.d.ts

Flexbox layout react components

import type React from 'react';
import '@js-toolkit/utils/types';
import type { FlexProps, Gap, OverflowProps, Space, SpaceSize, SpaceUnit, SSpaceSize } from './propsTypes';
import type { SharedDefaults } from './sharedDefaults';
export declare function defaultClassNameTransformer(calcClassName: string, userClassName?: string): string;
export declare function defaultStyleTransformer(calcStyle?: React.CSSProperties, userStyle?: React.CSSProperties): React.CSSProperties | undefined;
export declare function getCssValue(space: number, unit: SpaceUnit): string;
export declare function getAbsSpaceSize(size: SpaceSize | SSpaceSize): SpaceSize;
export declare function getSpaceSizeMultiplier(size: Space, sizeMultipliers: Record<SpaceSize, number>): number;
export declare function getSpace<S>(space: S | boolean, defaultSpace: S): 0 | S;
export declare function spaceToCssValue(size: Space, defaults: Pick<SharedDefaults, 'defaultSizes' | 'defaultUnit'>): string;
export declare function spaceToCssValue(size: Space, sizeMultipliers: Record<SpaceSize, number>, unit: SpaceUnit): string;
export declare function spaceToCssValue(size: Space, sizeMultipliersOrDefaults: Record<SpaceSize, number> | Pick<SharedDefaults, 'defaultSizes' | 'defaultUnit'>, unit?: SpaceUnit): string;
export declare function gapToCssValue(gap: Gap, defaults: Pick<SharedDefaults, 'defaultSizes' | 'defaultUnit'>): string;
export declare function gapToCssValue(gap: Gap, sizeMultipliers: Record<SpaceSize, number>, unit: SpaceUnit): string;
export declare function gapToCssValue(gap: Gap, sizeMultipliersOrDefaults: Record<SpaceSize, number> | Pick<SharedDefaults, 'defaultSizes' | 'defaultUnit'>, unit?: SpaceUnit): string;
export declare function fillToCssValue(propValue: FlexProps['vfill']): string | undefined;
export declare function scrollableToCssValue(scrollableValue: OverflowProps['scrollable']): OverflowProps['overflow'];