@whitemordred/react-native-bootstrap5/lib/theme/bootstrapVariables.d.ts

A complete React Native library that replicates Bootstrap 5.3 with 100% feature parity, full theming support, CSS variables, and dark/light mode

export declare const hexToRgb: (hex: string) => string;
export declare const bootstrapColors: {
    blue: string;
    indigo: string;
    purple: string;
    pink: string;
    red: string;
    orange: string;
    yellow: string;
    green: string;
    teal: string;
    cyan: string;
    primary: string;
    secondary: string;
    success: string;
    info: string;
    warning: string;
    danger: string;
    light: string;
    dark: string;
    white: string;
    gray: string;
    'gray-dark': string;
    'gray-100': string;
    'gray-200': string;
    'gray-300': string;
    'gray-400': string;
    'gray-500': string;
    'gray-600': string;
    'gray-700': string;
    'gray-800': string;
    'gray-900': string;
    black: string;
};
export declare const bootstrapLightVariables: {
    '--bs-blue': string;
    '--bs-indigo': string;
    '--bs-purple': string;
    '--bs-pink': string;
    '--bs-red': string;
    '--bs-orange': string;
    '--bs-yellow': string;
    '--bs-green': string;
    '--bs-teal': string;
    '--bs-cyan': string;
    '--bs-white': string;
    '--bs-gray': string;
    '--bs-gray-dark': string;
    '--bs-primary': string;
    '--bs-secondary': string;
    '--bs-success': string;
    '--bs-info': string;
    '--bs-warning': string;
    '--bs-danger': string;
    '--bs-light': string;
    '--bs-dark': string;
    '--bs-primary-rgb': string;
    '--bs-secondary-rgb': string;
    '--bs-success-rgb': string;
    '--bs-info-rgb': string;
    '--bs-warning-rgb': string;
    '--bs-danger-rgb': string;
    '--bs-light-rgb': string;
    '--bs-dark-rgb': string;
    '--bs-white-rgb': string;
    '--bs-black-rgb': string;
    '--bs-primary-text-emphasis': string;
    '--bs-secondary-text-emphasis': string;
    '--bs-success-text-emphasis': string;
    '--bs-info-text-emphasis': string;
    '--bs-warning-text-emphasis': string;
    '--bs-danger-text-emphasis': string;
    '--bs-light-text-emphasis': string;
    '--bs-dark-text-emphasis': string;
    '--bs-primary-bg-subtle': string;
    '--bs-secondary-bg-subtle': string;
    '--bs-success-bg-subtle': string;
    '--bs-info-bg-subtle': string;
    '--bs-warning-bg-subtle': string;
    '--bs-danger-bg-subtle': string;
    '--bs-light-bg-subtle': string;
    '--bs-dark-bg-subtle': string;
    '--bs-primary-border-subtle': string;
    '--bs-secondary-border-subtle': string;
    '--bs-success-border-subtle': string;
    '--bs-info-border-subtle': string;
    '--bs-warning-border-subtle': string;
    '--bs-danger-border-subtle': string;
    '--bs-light-border-subtle': string;
    '--bs-dark-border-subtle': string;
    '--bs-body-color': string;
    '--bs-body-color-rgb': string;
    '--bs-body-bg': string;
    '--bs-body-bg-rgb': string;
    '--bs-emphasis-color': string;
    '--bs-emphasis-color-rgb': string;
    '--bs-secondary-color': string;
    '--bs-secondary-color-rgb': string;
    '--bs-secondary-bg': string;
    '--bs-secondary-bg-rgb': string;
    '--bs-tertiary-color': string;
    '--bs-tertiary-color-rgb': string;
    '--bs-tertiary-bg': string;
    '--bs-tertiary-bg-rgb': string;
    '--bs-link-color': string;
    '--bs-link-color-rgb': string;
    '--bs-link-decoration': string;
    '--bs-link-hover-color': string;
    '--bs-link-hover-color-rgb': string;
    '--bs-code-color': string;
    '--bs-highlight-bg': string;
    '--bs-border-width': string;
    '--bs-border-style': string;
    '--bs-border-color': string;
    '--bs-border-color-translucent': string;
    '--bs-border-radius': string;
    '--bs-border-radius-sm': string;
    '--bs-border-radius-lg': string;
    '--bs-border-radius-xl': string;
    '--bs-border-radius-2xl': string;
    '--bs-border-radius-pill': string;
    '--bs-box-shadow': string;
    '--bs-box-shadow-sm': string;
    '--bs-box-shadow-lg': string;
    '--bs-box-shadow-inset': string;
    '--bs-focus-ring-width': string;
    '--bs-focus-ring-opacity': string;
    '--bs-focus-ring-color': string;
    '--bs-form-valid-color': string;
    '--bs-form-valid-border-color': string;
    '--bs-form-invalid-color': string;
    '--bs-form-invalid-border-color': string;
    '--bs-body-font-family': string;
    '--bs-body-font-size': string;
    '--bs-body-font-weight': string;
    '--bs-body-line-height': string;
    '--bs-heading-color': string;
    '--bs-gradient': string;
};
export declare const bootstrapDarkVariables: {
    '--bs-blue': string;
    '--bs-indigo': string;
    '--bs-purple': string;
    '--bs-pink': string;
    '--bs-red': string;
    '--bs-orange': string;
    '--bs-yellow': string;
    '--bs-green': string;
    '--bs-teal': string;
    '--bs-cyan': string;
    '--bs-primary': string;
    '--bs-secondary': string;
    '--bs-success': string;
    '--bs-info': string;
    '--bs-warning': string;
    '--bs-danger': string;
    '--bs-light': string;
    '--bs-dark': string;
    '--bs-primary-rgb': string;
    '--bs-secondary-rgb': string;
    '--bs-success-rgb': string;
    '--bs-info-rgb': string;
    '--bs-warning-rgb': string;
    '--bs-danger-rgb': string;
    '--bs-light-rgb': string;
    '--bs-dark-rgb': string;
    '--bs-white-rgb': string;
    '--bs-black-rgb': string;
    '--bs-primary-text-emphasis': string;
    '--bs-secondary-text-emphasis': string;
    '--bs-success-text-emphasis': string;
    '--bs-info-text-emphasis': string;
    '--bs-warning-text-emphasis': string;
    '--bs-danger-text-emphasis': string;
    '--bs-light-text-emphasis': string;
    '--bs-dark-text-emphasis': string;
    '--bs-primary-bg-subtle': string;
    '--bs-secondary-bg-subtle': string;
    '--bs-success-bg-subtle': string;
    '--bs-info-bg-subtle': string;
    '--bs-warning-bg-subtle': string;
    '--bs-danger-bg-subtle': string;
    '--bs-light-bg-subtle': string;
    '--bs-dark-bg-subtle': string;
    '--bs-primary-border-subtle': string;
    '--bs-secondary-border-subtle': string;
    '--bs-success-border-subtle': string;
    '--bs-info-border-subtle': string;
    '--bs-warning-border-subtle': string;
    '--bs-danger-border-subtle': string;
    '--bs-light-border-subtle': string;
    '--bs-dark-border-subtle': string;
    '--bs-body-color': string;
    '--bs-body-color-rgb': string;
    '--bs-body-bg': string;
    '--bs-body-bg-rgb': string;
    '--bs-emphasis-color': string;
    '--bs-emphasis-color-rgb': string;
    '--bs-secondary-color': string;
    '--bs-secondary-color-rgb': string;
    '--bs-secondary-bg': string;
    '--bs-secondary-bg-rgb': string;
    '--bs-tertiary-color': string;
    '--bs-tertiary-color-rgb': string;
    '--bs-tertiary-bg': string;
    '--bs-tertiary-bg-rgb': string;
    '--bs-link-color': string;
    '--bs-link-color-rgb': string;
    '--bs-link-decoration': string;
    '--bs-link-hover-color': string;
    '--bs-link-hover-color-rgb': string;
    '--bs-code-color': string;
    '--bs-highlight-bg': string;
    '--bs-border-color': string;
    '--bs-border-color-translucent': string;
    '--bs-box-shadow': string;
    '--bs-box-shadow-sm': string;
    '--bs-box-shadow-lg': string;
    '--bs-box-shadow-inset': string;
    '--bs-focus-ring-color': string;
};
export declare const bootstrapComponentVariables: {
    '--bs-btn-padding-x': string;
    '--bs-btn-padding-y': string;
    '--bs-btn-font-size': string;
    '--bs-btn-font-weight': string;
    '--bs-btn-line-height': string;
    '--bs-btn-border-width': string;
    '--bs-btn-border-radius': string;
    '--bs-btn-box-shadow': string;
    '--bs-btn-disabled-opacity': string;
    '--bs-btn-focus-box-shadow': string;
    '--bs-form-control-bg': string;
    '--bs-form-control-disabled-bg': string;
    '--bs-form-control-border-color': string;
    '--bs-form-control-border-width': string;
    '--bs-form-control-border-radius': string;
    '--bs-form-control-padding-y': string;
    '--bs-form-control-padding-x': string;
    '--bs-card-spacer-y': string;
    '--bs-card-spacer-x': string;
    '--bs-card-title-spacer-y': string;
    '--bs-card-title-color': string;
    '--bs-card-subtitle-color': string;
    '--bs-card-border-width': string;
    '--bs-card-border-color': string;
    '--bs-card-border-radius': string;
    '--bs-card-box-shadow': string;
    '--bs-card-inner-border-radius': string;
    '--bs-card-cap-padding-y': string;
    '--bs-card-cap-padding-x': string;
    '--bs-card-cap-bg': string;
    '--bs-card-cap-color': string;
    '--bs-card-height': string;
    '--bs-card-color': string;
    '--bs-card-bg': string;
    '--bs-card-img-overlay-padding': string;
    '--bs-modal-zindex': string;
    '--bs-modal-width': string;
    '--bs-modal-padding': string;
    '--bs-modal-margin': string;
    '--bs-modal-color': string;
    '--bs-modal-bg': string;
    '--bs-modal-border-color': string;
    '--bs-modal-border-width': string;
    '--bs-modal-border-radius': string;
    '--bs-modal-box-shadow': string;
    '--bs-modal-inner-border-radius': string;
    '--bs-modal-header-padding-x': string;
    '--bs-modal-header-padding-y': string;
    '--bs-modal-header-padding': string;
    '--bs-modal-header-border-color': string;
    '--bs-modal-header-border-width': string;
    '--bs-modal-title-line-height': string;
    '--bs-modal-footer-gap': string;
    '--bs-modal-footer-bg': string;
    '--bs-modal-footer-border-color': string;
    '--bs-modal-footer-border-width': string;
    '--bs-navbar-padding-y': string;
    '--bs-navbar-padding-x': string;
    '--bs-navbar-nav-link-padding-x': string;
    '--bs-navbar-brand-font-size': string;
    '--bs-navbar-brand-color': string;
    '--bs-navbar-brand-hover-color': string;
    '--bs-navbar-nav-link-color': string;
    '--bs-navbar-nav-link-hover-color': string;
    '--bs-navbar-nav-link-disabled-color': string;
    '--bs-navbar-active-color': string;
    '--bs-navbar-brand-padding-y': string;
    '--bs-navbar-toggler-padding-y': string;
    '--bs-navbar-toggler-padding-x': string;
    '--bs-navbar-toggler-font-size': string;
    '--bs-navbar-toggler-icon-bg': string;
    '--bs-navbar-toggler-border-color': string;
    '--bs-navbar-toggler-border-radius': string;
    '--bs-navbar-toggler-focus-width': string;
    '--bs-navbar-toggler-transition': string;
};
export declare const getBootstrapVariables: (isDarkMode: boolean) => {
    '--bs-btn-padding-x': string;
    '--bs-btn-padding-y': string;
    '--bs-btn-font-size': string;
    '--bs-btn-font-weight': string;
    '--bs-btn-line-height': string;
    '--bs-btn-border-width': string;
    '--bs-btn-border-radius': string;
    '--bs-btn-box-shadow': string;
    '--bs-btn-disabled-opacity': string;
    '--bs-btn-focus-box-shadow': string;
    '--bs-form-control-bg': string;
    '--bs-form-control-disabled-bg': string;
    '--bs-form-control-border-color': string;
    '--bs-form-control-border-width': string;
    '--bs-form-control-border-radius': string;
    '--bs-form-control-padding-y': string;
    '--bs-form-control-padding-x': string;
    '--bs-card-spacer-y': string;
    '--bs-card-spacer-x': string;
    '--bs-card-title-spacer-y': string;
    '--bs-card-title-color': string;
    '--bs-card-subtitle-color': string;
    '--bs-card-border-width': string;
    '--bs-card-border-color': string;
    '--bs-card-border-radius': string;
    '--bs-card-box-shadow': string;
    '--bs-card-inner-border-radius': string;
    '--bs-card-cap-padding-y': string;
    '--bs-card-cap-padding-x': string;
    '--bs-card-cap-bg': string;
    '--bs-card-cap-color': string;
    '--bs-card-height': string;
    '--bs-card-color': string;
    '--bs-card-bg': string;
    '--bs-card-img-overlay-padding': string;
    '--bs-modal-zindex': string;
    '--bs-modal-width': string;
    '--bs-modal-padding': string;
    '--bs-modal-margin': string;
    '--bs-modal-color': string;
    '--bs-modal-bg': string;
    '--bs-modal-border-color': string;
    '--bs-modal-border-width': string;
    '--bs-modal-border-radius': string;
    '--bs-modal-box-shadow': string;
    '--bs-modal-inner-border-radius': string;
    '--bs-modal-header-padding-x': string;
    '--bs-modal-header-padding-y': string;
    '--bs-modal-header-padding': string;
    '--bs-modal-header-border-color': string;
    '--bs-modal-header-border-width': string;
    '--bs-modal-title-line-height': string;
    '--bs-modal-footer-gap': string;
    '--bs-modal-footer-bg': string;
    '--bs-modal-footer-border-color': string;
    '--bs-modal-footer-border-width': string;
    '--bs-navbar-padding-y': string;
    '--bs-navbar-padding-x': string;
    '--bs-navbar-nav-link-padding-x': string;
    '--bs-navbar-brand-font-size': string;
    '--bs-navbar-brand-color': string;
    '--bs-navbar-brand-hover-color': string;
    '--bs-navbar-nav-link-color': string;
    '--bs-navbar-nav-link-hover-color': string;
    '--bs-navbar-nav-link-disabled-color': string;
    '--bs-navbar-active-color': string;
    '--bs-navbar-brand-padding-y': string;
    '--bs-navbar-toggler-padding-y': string;
    '--bs-navbar-toggler-padding-x': string;
    '--bs-navbar-toggler-font-size': string;
    '--bs-navbar-toggler-icon-bg': string;
    '--bs-navbar-toggler-border-color': string;
    '--bs-navbar-toggler-border-radius': string;
    '--bs-navbar-toggler-focus-width': string;
    '--bs-navbar-toggler-transition': string;
    '--bs-blue': string;
    '--bs-indigo': string;
    '--bs-purple': string;
    '--bs-pink': string;
    '--bs-red': string;
    '--bs-orange': string;
    '--bs-yellow': string;
    '--bs-green': string;
    '--bs-teal': string;
    '--bs-cyan': string;
    '--bs-primary': string;
    '--bs-secondary': string;
    '--bs-success': string;
    '--bs-info': string;
    '--bs-warning': string;
    '--bs-danger': string;
    '--bs-light': string;
    '--bs-dark': string;
    '--bs-primary-rgb': string;
    '--bs-secondary-rgb': string;
    '--bs-success-rgb': string;
    '--bs-info-rgb': string;
    '--bs-warning-rgb': string;
    '--bs-danger-rgb': string;
    '--bs-light-rgb': string;
    '--bs-dark-rgb': string;
    '--bs-white-rgb': string;
    '--bs-black-rgb': string;
    '--bs-primary-text-emphasis': string;
    '--bs-secondary-text-emphasis': string;
    '--bs-success-text-emphasis': string;
    '--bs-info-text-emphasis': string;
    '--bs-warning-text-emphasis': string;
    '--bs-danger-text-emphasis': string;
    '--bs-light-text-emphasis': string;
    '--bs-dark-text-emphasis': string;
    '--bs-primary-bg-subtle': string;
    '--bs-secondary-bg-subtle': string;
    '--bs-success-bg-subtle': string;
    '--bs-info-bg-subtle': string;
    '--bs-warning-bg-subtle': string;
    '--bs-danger-bg-subtle': string;
    '--bs-light-bg-subtle': string;
    '--bs-dark-bg-subtle': string;
    '--bs-primary-border-subtle': string;
    '--bs-secondary-border-subtle': string;
    '--bs-success-border-subtle': string;
    '--bs-info-border-subtle': string;
    '--bs-warning-border-subtle': string;
    '--bs-danger-border-subtle': string;
    '--bs-light-border-subtle': string;
    '--bs-dark-border-subtle': string;
    '--bs-body-color': string;
    '--bs-body-color-rgb': string;
    '--bs-body-bg': string;
    '--bs-body-bg-rgb': string;
    '--bs-emphasis-color': string;
    '--bs-emphasis-color-rgb': string;
    '--bs-secondary-color': string;
    '--bs-secondary-color-rgb': string;
    '--bs-secondary-bg': string;
    '--bs-secondary-bg-rgb': string;
    '--bs-tertiary-color': string;
    '--bs-tertiary-color-rgb': string;
    '--bs-tertiary-bg': string;
    '--bs-tertiary-bg-rgb': string;
    '--bs-link-color': string;
    '--bs-link-color-rgb': string;
    '--bs-link-decoration': string;
    '--bs-link-hover-color': string;
    '--bs-link-hover-color-rgb': string;
    '--bs-code-color': string;
    '--bs-highlight-bg': string;
    '--bs-border-color': string;
    '--bs-border-color-translucent': string;
    '--bs-box-shadow': string;
    '--bs-box-shadow-sm': string;
    '--bs-box-shadow-lg': string;
    '--bs-box-shadow-inset': string;
    '--bs-focus-ring-color': string;
};
export type BootstrapVariables = typeof bootstrapLightVariables;
export type BootstrapComponentVariables = typeof bootstrapComponentVariables;
//# sourceMappingURL=bootstrapVariables.d.ts.map