native-base/lib/typescript/theme/types.d.ts

Essential cross-platform UI components for React Native

import type { Properties as CSSProperties } from 'csstype';
import type { ResponsiveValue } from '../components/types/responsiveValue';
import type { ColorType } from '../components/types/utils';
import type { ImageStyle, TextStyle, ViewStyle } from 'react-native';
import type { ITheme } from './index';
import type { StyledPropConfig } from './styled-system';
declare type RNStyles = ViewStyle & ImageStyle & TextStyle;
declare type GetThemeScaleValues<T extends keyof ITheme> = 'colors' extends T ? ColorType : ResponsiveValue<keyof ITheme[T] | (string & {}) | (number & {})>;
declare type GetRNStyles<key, scale = null> = scale extends keyof ITheme ? GetThemeScaleValues<scale> : key extends keyof CSSProperties ? ResponsiveValue<CSSProperties[key]> : key extends keyof RNStyles ? ResponsiveValue<RNStyles[key]> : unknown;
declare type AllProps<T extends StyledPropConfig> = {
    [key in Extract<keyof T, string>]?: T[key] extends boolean ? GetRNStyles<key> : key extends 'shadow' ? GetRNStyles<null, 'shadows'> : T[key] extends {
        property: any;
        scale: any;
    } ? GetRNStyles<T[key]['property'], T[key]['scale']> : T[key] extends {
        properties: any;
        scale: any;
    } ? T[key]['properties'] extends {
        '0': string;
    } ? GetRNStyles<T[key]['properties']['0'], T[key]['scale']> : unknown : unknown;
};
export declare type StyledProps = Omit<AllProps<StyledPropConfig>, 'gap' | 'verticalAlign' | 'borderBottom' | 'borderTop' | 'borderLeft' | 'borderRight' | 'wordBreak' | 'justifySelf' | 'overflowWrap' | 'textOverflow' | 'whiteSpace' | 'outline' | 'outlineWidth' | 'cursor' | 'userSelect' | 'order' | 'backgroundSize' | 'backgroundPosition' | 'backgroundRepeat' | 'backgroundAttachment' | 'backgroundBlendMode' | 'bgSize' | 'bgPosition' | 'bgRepeat' | 'bgAttachment' | 'bgBlendMode' | 'bgImage' | 'bgImg' | 'bgPos'>;
export {};