react-native-uikit-colors
Version:
react native ui kit colors
184 lines (183 loc) • 4.6 kB
TypeScript
import * as _0 from "react-native";
import * as _1 from "react-native";
import { StyleProp, ViewStyle } from "react-native";
//#region src/colors.d.ts
declare const palette: {
light: any;
dark: any;
};
declare const mergedLightColors: {
red: string;
orange: string;
yellow: string;
green: string;
mint: string;
teal: string;
cyan: string;
blue: string;
indigo: string;
purple: string;
pink: string;
brown: string;
gray: string;
gray2: string;
gray3: string;
gray4: string;
gray5: string;
gray6: string;
placeholderText: string;
separator: string;
opaqueSeparator: string;
nonOpaqueSeparator: string;
link: string;
systemBackground: string;
secondarySystemBackground: string;
tertiarySystemBackground: string;
systemGroupedBackground: string;
secondarySystemGroupedBackground: string;
tertiarySystemGroupedBackground: string;
systemFill: string;
secondarySystemFill: string;
tertiarySystemFill: string;
quaternarySystemFill: string;
label: string;
text: string;
secondaryLabel: string;
tertiaryLabel: string;
quaternaryLabel: string;
};
declare const colorVariants: {
light: any;
dark: any;
};
declare const useColor: (color: keyof typeof mergedLightColors) => string;
declare const useColorsVariants: () => {
red: string;
orange: string;
yellow: string;
green: string;
mint: string;
teal: string;
cyan: string;
blue: string;
indigo: string;
purple: string;
pink: string;
brown: string;
gray: string;
gray2: string;
gray3: string;
gray4: string;
gray5: string;
gray6: string;
placeholderText: string;
separator: string;
opaqueSeparator: string;
nonOpaqueSeparator: string;
link: string;
systemBackground: string;
secondarySystemBackground: string;
tertiarySystemBackground: string;
systemGroupedBackground: string;
secondarySystemGroupedBackground: string;
tertiarySystemGroupedBackground: string;
systemFill: string;
secondarySystemFill: string;
tertiarySystemFill: string;
quaternarySystemFill: string;
label: string;
text: string;
secondaryLabel: string;
tertiaryLabel: string;
quaternaryLabel: string;
} | {
red: string;
orange: string;
yellow: string;
green: string;
mint: string;
teal: string;
cyan: string;
blue: string;
indigo: string;
purple: string;
pink: string;
brown: string;
gray: string;
gray2: string;
gray3: string;
gray4: string;
gray5: string;
gray6: string;
placeholderText: string;
separator: string;
opaqueSeparator: string;
nonOpaqueSeparator: string;
link: string;
systemBackground: string;
secondarySystemBackground: string;
tertiarySystemBackground: string;
systemGroupedBackground: string;
secondarySystemGroupedBackground: string;
tertiarySystemGroupedBackground: string;
systemFill: string;
secondarySystemFill: string;
tertiarySystemFill: string;
quaternarySystemFill: string;
label: string;
text: string;
secondaryLabel: string;
tertiaryLabel: string;
quaternaryLabel: string;
};
declare const useColors: () => {
[k: string]: string;
};
declare const useCurrentColorsVariants: () => _1.StyleProp<_0.ViewStyle>;
type Colors = typeof mergedLightColors; //#endregion
//#region src/utils.d.ts
declare const getCurrentColors: () => StyleProp<ViewStyle>;
declare const getSystemBackgroundColor: () => string;
declare const mergedColorsDark: {
red: string;
orange: string;
yellow: string;
green: string;
mint: string;
teal: string;
cyan: string;
blue: string;
indigo: string;
purple: string;
pink: string;
brown: string;
gray: string;
gray2: string;
gray3: string;
gray4: string;
gray5: string;
gray6: string;
placeholderText: string;
separator: string;
opaqueSeparator: string;
nonOpaqueSeparator: string;
link: string;
systemBackground: string;
secondarySystemBackground: string;
tertiarySystemBackground: string;
systemGroupedBackground: string;
secondarySystemGroupedBackground: string;
tertiarySystemGroupedBackground: string;
systemFill: string;
secondarySystemFill: string;
tertiarySystemFill: string;
quaternarySystemFill: string;
label: string;
text: string;
secondaryLabel: string;
tertiaryLabel: string;
quaternaryLabel: string;
};
declare const getColor: (color: keyof typeof mergedColorsDark) => string;
declare const rgbStringToRgb: (input: string) => string; //#endregion
export { Colors, colorVariants, getColor, getCurrentColors, getSystemBackgroundColor, palette, rgbStringToRgb, useColor, useColors, useColorsVariants, useCurrentColorsVariants };