react-native-ui-lib
Version:
<p align="center"> <img src="https://user-images.githubusercontent.com/1780255/105469025-56759000-5ca0-11eb-993d-3568c1fd54f4.png" height="250px" style="display:block"/> </p> <p align="center">UI Toolset & Components Library for React Native</p> <p a
295 lines (294 loc) • 7.43 kB
TypeScript
import { ShadowStyleIOS } from 'react-native';
declare type Shadow = {
top?: ShadowStyleIOS;
bottom?: ShadowStyleIOS;
} & ShadowStyleIOS;
declare 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;
};
};
};
dark10: {
top: {
shadowColor: string;
shadowOpacity: number;
shadowRadius: number;
};
bottom: {
shadowColor: string;
shadowOpacity: number;
shadowRadius: number;
shadowOffset: {
height: number;
width: number;
};
};
};
dark20: {
top: {
shadowColor: string;
shadowOpacity: number;
shadowRadius: number;
};
bottom: {
shadowColor: string;
shadowOpacity: number;
shadowRadius: number;
shadowOffset: {
height: number;
width: number;
};
};
};
dark30: {
top: {
shadowColor: string;
shadowOpacity: number;
shadowRadius: number;
shadowOffset: {
height: number;
width: number;
};
};
bottom: {
shadowColor: string;
shadowOpacity: number;
shadowRadius: number;
shadowOffset: {
height: number;
width: number;
};
};
};
dark40: {
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;