/** * CSS width values supporting percentage, pixels, or em units. */ export declare type CssWidthValuesType = `${number}%` | `${number}px` | `${number}em`; /** * Global CSS values applicable to any property. */ export declare type CssGlobalValuesType = 'inherit' | 'initial' | 'revert' | 'revert-layer' | 'unset'; /** * CSS content sizing values for flexible sizing. * * @deprecated 'fix-content' - please use `fit-content` instead */ export declare type CssContentSizeValuesType = 'max-content' | 'min-content' | 'fix-content' | 'fit-content' | 'content' | 'auto'; /** * Standard CSS alignment values for flex and grid layouts. */ export declare type CssAlignmentsType = 'center' | 'start' | 'end' | 'left' | 'right' | 'self-start' | 'self-end' | 'flex-start' | 'flex-end' | 'baseline' | 'first baseline' | 'last baseline' | 'stretch' | 'safe center' | 'unsafe center'; /** * Flex basis sizing configuration combining width and content sizing values. * * @deprecated 'fix-content' - please use `fit-content` instead */ export declare type FlexBasisType = CssWidthValuesType | CssContentSizeValuesType | CssGlobalValuesType; /** * Flex grow factor determining how much space a flex item can expand. */ export declare type FlexGrowType = number | CssGlobalValuesType; /** * Flex shrink factor determining how much space a flex item can shrink. */ export declare type FlexShrinkType = number | CssGlobalValuesType; /** * CSS order property for reordering flex or grid items. */ export declare type OrderType = CssGlobalValuesType | number; /** * Alignment of individual flex or grid item relative to container (excludes left/right). */ export declare type AlignSelfType = Omit | 'auto' | 'normal' | CssGlobalValuesType; /** * Justification of individual grid item within its grid area. */ export declare type JustifySelfType = CssAlignmentsType | 'auto' | 'normal' | 'stretch' | CssGlobalValuesType; /** * CSS flex shorthand supporting combined grow, shrink, and basis values. */ export declare type FlexType = number | CssWidthValuesType | CssGlobalValuesType | `${FlexGrowType} ${FlexShrinkType}` | `${FlexGrowType} ${FlexBasisType}` | `${FlexGrowType} ${FlexShrinkType} ${FlexBasisType}` | 'auto' | 'initial' | 'none' | 'min-content'; /** * Grid item positioning supporting explicit row/column numbers or span values. */ export declare type GridDegreeType = number | `span ${number}` | 'auto'; /** * Global CSS values for grid properties (excludes revert-layer). */ export declare type CssGridGlobalValuesType = Omit; /** * CSS grid-column property supporting single or range positioning. */ export declare type GridColumnType = GridDegreeType | `${GridDegreeType} / ${GridDegreeType}` | CssGridGlobalValuesType; /** * CSS grid-row property supporting single or range positioning. */ export declare type GridRowType = GridDegreeType | `${GridDegreeType} / ${GridDegreeType}` | CssGridGlobalValuesType; /** * CSS grid-area property supporting positioning and spanning across grid cells. */ export declare type GridAreaType = GridDegreeType | `${GridDegreeType} / ${GridDegreeType}` | `${GridDegreeType} / ${GridDegreeType} / ${GridDegreeType}` | `${GridDegreeType} / ${GridDegreeType} / ${GridDegreeType} / ${GridDegreeType}` | CssGridGlobalValuesType;