react-native-ui-lib/src/style/shadows.d.ts

[](https://stand-with-ukraine.pp.ua)

import { ShadowStyleIOS } from 'react-native';
import type { Dictionary } from '../typings/common';
type Shadow = {
    top?: ShadowStyleIOS;
    bottom?: ShadowStyleIOS;
} & ShadowStyleIOS;
type customPresets = Record<string, Shadow>;
declare const _default: {
    sh10: {
        top: {
            shadowColor: string;
            shadowOpacity: number;
            shadowRadius: number;
            shadowOffset: {
                height: number;
                width: number;
            };
            elevation: number;
        };
        bottom: {
            shadowColor: string;
            shadowOpacity: number;
            shadowRadius: number;
            shadowOffset: {
                height: number;
                width: number;
            };
            elevation: number;
        };
    };
    sh20: {
        top: {
            shadowColor: string;
            shadowOpacity: number;
            shadowRadius: number;
            shadowOffset: {
                height: number;
                width: number;
            };
            elevation: number;
        };
        bottom: {
            shadowColor: string;
            shadowOpacity: number;
            shadowRadius: number;
            shadowOffset: {
                height: number;
                width: number;
            };
            elevation: number;
        };
    };
    sh30: {
        top: {
            shadowColor: string;
            shadowOpacity: number;
            shadowRadius: number;
            shadowOffset: {
                height: number;
                width: number;
            };
            elevation: number;
        };
        bottom: {
            shadowColor: string;
            shadowOpacity: number;
            shadowRadius: number;
            shadowOffset: {
                height: number;
                width: number;
            };
            elevation: number;
        };
    };
    white10: {
        top: {
            shadowColor: string;
            shadowOpacity: number;
            shadowRadius: number;
        };
        bottom: {
            shadowColor: string;
            shadowOpacity: number;
            shadowRadius: number;
            shadowOffset: {
                height: number;
                width: number;
            };
        };
    };
    white20: {
        top: {
            shadowColor: string;
            shadowOpacity: number;
            shadowRadius: number;
        };
        bottom: {
            shadowColor: string;
            shadowOpacity: number;
            shadowRadius: number;
            shadowOffset: {
                height: number;
                width: number;
            };
        };
    };
    white30: {
        top: {
            shadowColor: string;
            shadowOpacity: number;
            shadowRadius: number;
        };
        bottom: {
            shadowColor: string;
            shadowOpacity: number;
            shadowRadius: number;
            shadowOffset: {
                height: number;
                width: number;
            };
        };
    };
    white40: {
        top: {
            shadowColor: string;
            shadowOpacity: number;
            shadowRadius: number;
        };
        bottom: {
            shadowColor: string;
            shadowOpacity: number;
            shadowRadius: number;
            shadowOffset: {
                height: number;
                width: number;
            };
        };
    };
    grey10: {
        top: {
            shadowColor: string;
            shadowOpacity: number;
            shadowRadius: number;
        };
        bottom: {
            shadowColor: string;
            shadowOpacity: number;
            shadowRadius: number;
            shadowOffset: {
                height: number;
                width: number;
            };
        };
    };
    grey20: {
        top: {
            shadowColor: string;
            shadowOpacity: number;
            shadowRadius: number;
        };
        bottom: {
            shadowColor: string;
            shadowOpacity: number;
            shadowRadius: number;
            shadowOffset: {
                height: number;
                width: number;
            };
        };
    };
    grey30: {
        top: {
            shadowColor: string;
            shadowOpacity: number;
            shadowRadius: number;
            shadowOffset: {
                height: number;
                width: number;
            };
        };
        bottom: {
            shadowColor: string;
            shadowOpacity: number;
            shadowRadius: number;
            shadowOffset: {
                height: number;
                width: number;
            };
        };
    };
    grey40: {
        top: {
            shadowColor: string;
            shadowOpacity: number;
            shadowRadius: number;
            shadowOffset: {
                height: number;
                width: number;
            };
        };
        bottom: {
            shadowColor: string;
            shadowOpacity: number;
            shadowRadius: number;
            shadowOffset: {
                height: number;
                width: number;
            };
        };
    };
    /**
     * Load custom set of shadows
     * arguments:
     * shadows - map of keys and values
     * e.g
     * grey40: {
     *   top: {shadowColor: Colors.grey10, shadowOpacity: 0.04, shadowRadius: 4.5, shadowOffset: {height: 5, width: 0}},
     *   bottom: {shadowColor: Colors.grey20, shadowOpacity: 0.04, shadowRadius: 9, shadowOffset: {height: 10, width: 0}},
     * }
     */
    loadShadows(shadows: Dictionary<Shadow>): void;
} & customPresets;
export default _default;