reflexy/elements/flex-box.d.ts

Flexbox layout react components

import { LitElement, type PropertyValues } from 'lit';
import { type ClassInfo } from 'lit/directives/class-map.js';
import type { FlexProps, OverflowProps, SpaceProps } from '../propsTypes';
type Props = Required<OmitStrict<FlexProps, 'flex' | 'inline'>> & Required<SpaceProps> & Required<OverflowProps>;
export declare class FlexBox extends LitElement implements Props {
    private tag;
    as: string | undefined;
    display: Props['display'];
    row: Props['row'];
    column: Props['column'];
    reverse: Props['reverse'];
    wrap: Props['wrap'];
    basis: Props['basis'];
    alignItems: Props['alignItems'];
    alignContent: Props['alignContent'];
    alignSelf: Props['alignSelf'];
    justifyContent: Props['justifyContent'];
    center: Props['center'];
    order: Props['order'];
    grow: Props['grow'];
    shrink: Props['shrink'];
    hfill: Props['hfill'];
    vfill: Props['vfill'];
    fill: Props['fill'];
    shrinkByContent: Props['shrinkByContent'];
    shrinkWidth: Props['shrinkWidth'];
    shrinkHeight: Props['shrinkHeight'];
    unit: Props['unit'];
    mUnit: Props['mUnit'];
    mSize: Props['mSize'];
    m: Props['m'];
    mx: Props['mx'];
    my: Props['my'];
    mt: Props['mt'];
    mr: Props['mr'];
    mb: Props['mb'];
    ml: Props['ml'];
    pUnit: Props['pUnit'];
    pSize: Props['pSize'];
    p: Props['p'];
    px: Props['px'];
    py: Props['py'];
    pt: Props['pt'];
    pr: Props['pr'];
    pb: Props['pb'];
    pl: Props['pl'];
    gapUnit: Props['gapUnit'];
    gapSize: Props['gapSize'];
    gap: Props['gap'];
    rowGap: Props['rowGap'];
    columnGap: Props['columnGap'];
    overflow: Props['overflow'] | undefined;
    overflowX: Props['overflowX'] | undefined;
    overflowY: Props['overflowY'] | undefined;
    scrollable: Props['scrollable'] | undefined;
    scrollableX: Props['scrollableX'] | undefined;
    scrollableY: Props['scrollableY'] | undefined;
    static styles: import("lit").CSSResult;
    private getDefaults;
    protected update(changedProperties: PropertyValues<this>): void;
    protected getClasses(): ClassInfo | undefined;
    protected render(): unknown;
}
export {};