native-variants
Version:
A library for handling variants in React Native components with theme support.
18 lines (17 loc) • 2.17 kB
TypeScript
/**
* Native Variants - A type-safe styling library for React Native
* with Tailwind CSS inspired design tokens.
*
* @packageDocumentation
*/
export { cn, cnView, cnText, cnImage } from "./lib/cn.js";
export { styled, createNVA, clearStyleCache } from "./lib/create-nva.js";
export { wq, hq, getScreenDimensions, responsiveFontSize } from "./lib/media-query.js";
export { createCTX } from "./provider/create-provider.js";
export { ThemeProvider, useTheme, useThemeColors, useIsDark, useColorScheme, createThemedStyles, } from "./provider/theme-provider.js";
export type { ColorScheme, ThemeMode, ThemeContextValue, ThemeProviderProps, } from "./provider/theme-provider.js";
export type { Styles, Base, DefaultVariants, CompoundVariant, Variants, MappedVariants, DefineConfig, Config, VariantProps, Theme, ThemeInput, ThemeOutput, ColorSchemeConfig, ColorsInput, UtilFunction, UtilsConfig, UtilParamType, StylesWithUtils, BaseWithUtils, VariantsWithUtils, CompoundVariantWithUtils, DefaultVariantsWithUtils, ConfigWithUtils, } from "./types.js";
export { alpha, hexToRgba, lighten, darken } from "./utils/alpha.js";
export { composeText, hasTextStyles, composeView } from "./utils/compose-text.js";
export { defaultTheme, extendTheme, tailwindColors, tailwindSpacing, tailwindFontSizes, tailwindRadii, tailwindShadows, tailwindZIndex, tailwindOpacity, tailwindLineHeights, tailwindFontWeights, tailwindLetterSpacing, tailwindBorderWidths, tailwindMaxWidths, tailwindDurations, defaultColors, defaultSpacing, defaultFontSizes, defaultRadii, defaultShadows, defaultZIndex, defaultOpacity, defaultLineHeights, defaultFontWeights, defaultLetterSpacing, } from "./tokens/default-tokens.js";
export type { DefaultTheme, TailwindColors, TailwindSpacing, TailwindFontSizes, TailwindRadii, TailwindShadows, TailwindZIndex, TailwindOpacity, TailwindLineHeights, TailwindFontWeights, TailwindLetterSpacing, TailwindBorderWidths, TailwindMaxWidths, TailwindDurations, DefaultColors, DefaultSpacing, DefaultFontSizes, DefaultRadii, DefaultShadows, DefaultZIndex, DefaultOpacity, DefaultLineHeights, DefaultFontWeights, DefaultLetterSpacing, } from "./tokens/default-tokens.js";