import { CSSStyle } from '@karma.run/react';
import { FlexDirectionProperty, JustifyContentProperty, JustifySelfProperty, AlignContentProperty, AlignSelfProperty, FlexBasisProperty, GlobalsNumber, FlexWrapProperty, MinWidthProperty, MaxWidthProperty, WidthProperty, HeightProperty, MinHeightProperty, MaxHeightProperty, PaddingProperty, PaddingTopProperty, PaddingBottomProperty, PaddingLeftProperty, PaddingRightProperty, MarginProperty, MarginTopProperty, MarginBottomProperty, MarginLeftProperty, MarginRightProperty, AlignItemsProperty, DisplayProperty, OverflowProperty, PositionProperty, TopProperty, BottomProperty, LeftProperty, RightProperty, ZIndexProperty } from 'csstype';
import { Theme } from './themeContext';
export declare enum BlurStrength {
    Soft = "2px",
    Strong = "4px"
}
export declare enum Breakpoint {
    Mobile = 0,
    Tablet = 600,
    Desktop = 990
}
export declare enum ZIndex {
    Background = 0,
    Default = 1,
    Tooltip = 2,
    NavigationBar = 3,
    Modal = 4,
    Toast = 5,
    DragHelper = 6
}
export declare enum Spacing {
    None = 0,
    ExtraTiny = 2,
    Tiny = 5,
    ExtraSmall = 10,
    Small = 20,
    Medium = 30,
    Large = 40,
    ExtraLarge = 60
}
export declare enum FontSize {
    Small = 12,
    Medium = 16,
    Large = 18,
    Heading3 = 20,
    Heading2 = 24,
    Heading1 = 28,
    ExtraLarge = 40
}
export declare enum BorderWidth {
    Small = 1
}
export declare enum BorderRadius {
    Tiny = 3,
    Small = 6,
    Medium = 10
}
export declare enum TransitionDurationRaw {
    Fast = 100,
    Slow = 200
}
export declare enum TransitionDuration {
    Fast = "100ms",
    Slow = "200ms",
    ExtraSlow = "500ms"
}
export declare enum LineHeight {
    None = 1,
    Default = 1.375
}
export declare const tabletMediaQuery: string;
export declare const mobileMediaQuery: string;
export declare function whenTablet(styles: CSSStyle): {
    [x: string]: CSSStyle;
};
export declare function whenMobile(styles: CSSStyle): {
    [x: string]: CSSStyle;
};
export declare function hexToRgba(hex: string | number, alpha: number): string;
export declare function scrollBarStyle(theme: Theme): CSSStyle;
export declare type CSSLength = string | number;
export interface PositionProps {
    readonly position?: PositionProperty;
    readonly top?: TopProperty<CSSLength>;
    readonly bottom?: BottomProperty<CSSLength>;
    readonly left?: LeftProperty<CSSLength>;
    readonly right?: RightProperty<CSSLength>;
    readonly zIndex?: ZIndexProperty;
}
export interface WidthProps {
    readonly width?: WidthProperty<CSSLength>;
    readonly minWidth?: MinWidthProperty<CSSLength>;
    readonly maxWidth?: MaxWidthProperty<CSSLength>;
}
export interface HeightProps {
    readonly height?: HeightProperty<CSSLength>;
    readonly minHeight?: MinHeightProperty<CSSLength>;
    readonly maxHeight?: MaxHeightProperty<CSSLength>;
}
export interface PaddingProps {
    readonly padding?: PaddingProperty<CSSLength>;
    readonly paddingTop?: PaddingTopProperty<CSSLength>;
    readonly paddingBottom?: PaddingBottomProperty<CSSLength>;
    readonly paddingLeft?: PaddingLeftProperty<CSSLength>;
    readonly paddingRight?: PaddingRightProperty<CSSLength>;
}
export interface MarginProps {
    readonly margin?: MarginProperty<CSSLength>;
    readonly marginTop?: MarginTopProperty<CSSLength>;
    readonly marginBottom?: MarginBottomProperty<CSSLength>;
    readonly marginLeft?: MarginLeftProperty<CSSLength>;
    readonly marginRight?: MarginRightProperty<CSSLength>;
}
export interface DisplayProps {
    readonly display?: DisplayProperty;
}
export interface OverflowProps {
    readonly overflow?: OverflowProperty;
}
export interface FlexContainerProps {
    readonly flexDirection?: FlexDirectionProperty;
    readonly justifyContent?: JustifyContentProperty;
    readonly alignContent?: AlignContentProperty;
    readonly alignItems?: AlignItemsProperty;
    readonly flexWrap?: FlexWrapProperty;
}
export interface FlexChildProps {
    readonly justifySelf?: JustifySelfProperty;
    readonly alignSelf?: AlignSelfProperty;
    readonly flexBasis?: FlexBasisProperty<string>;
    readonly flexGrow?: GlobalsNumber;
    readonly flexShrink?: GlobalsNumber;
}
export interface StyleProps extends WidthProps, HeightProps, PaddingProps, MarginProps, FlexContainerProps, FlexChildProps, DisplayProps, OverflowProps, PositionProps {
}
export declare function extractStyleProps<P extends StyleProps>(input: P): [StyleProps, Omit<P, keyof StyleProps>];
//# sourceMappingURL=helpers.d.ts.map