@gambito-corp/mbs-library/src/components/atoms/Image/Image.constants.js

Librería de componentes React reutilizables - Sistema de diseño modular y escalable

export const UNIT_TYPES = {
    px: 'Píxeles',
    em: 'Em (relativo al font-size)',
    rem: 'Rem (relativo al root)',
    '%': 'Porcentaje',
    vw: 'Viewport Width',
    vh: 'Viewport Height',
    cm: 'Centímetros',
    mm: 'Milímetros',
    in: 'Pulgadas',
    pt: 'Puntos',
    pc: 'Picas'
};

export const BORDER_RADIUS_TYPES = {
    px: 'Píxeles',
    em: 'Em (relativo al font-size)',
    rem: 'Rem (relativo al root)',
    '%': 'Porcentaje'
};

export const BORDER_STYLES = {
    solid: 'Línea sólida',
    dashed: 'Línea discontinua',
    dotted: 'Línea punteada',
    double: 'Línea doble',
    groove: 'Efecto 3D hundido',
    ridge: 'Efecto 3D elevado',
    inset: 'Borde hundido',
    outset: 'Borde elevado'
};

export const OBJECT_FIT_VALUES = {
    fill: 'Rellena el contenedor (puede distorsionar)',
    contain: 'Mantiene proporción, cabe completa',
    cover: 'Mantiene proporción, rellena contenedor',
    none: 'Tamaño original',
    'scale-down': 'El menor entre none y contain'
};