frontend: introduce spacing and border constants

Pedro Lucas Porcellis porcellis@eletrotupi.com 1 month ago 1180f89b2b7144177e9d52ec64e26ee1bc4485d0

Parents: 51a7c2b

1 file(s) changed

frontend/constants/theme.ts +20 -5

frontend/constants/theme.ts

@@ -65,12 +65,12 @@ inactiveOpacity: 0.7,
    
        // Semantic Accents (for categorization)
        accentBlue: PILL_BLUE,
  -   accentIndigo: PILL_INDIGO,
  -   accentPurple: PILL_PURPLE,
  +     accentIndigo: PILL_INDIGO,
  +     accentPurple: PILL_PURPLE,
    
  -   // Disabled / Secondary
  -   disabled: '#cbd5e1',
  -   divider: BORDER_SUBTLE,
  +     // Disabled / Secondary
  +     disabled: '#cbd5e1',
  +     divider: BORDER_SUBTLE,
      },
    };
    

@@ -127,6 +127,21 @@ fontWeight: '600' as const,
        lineHeight: 16,
        letterSpacing: 0.05,
      },
  + };
  + 
  + export const Spacing = {
  +   containerPadding: 16, // 1rem
  +   sectionGap: 32, // 2rem
  +   inlineGapSm: 8, // 0.5rem
  + };
  + 
  + export const BorderRadius = {
  +   sm: 4, // 0.25rem
  +   default: 8, // 0.5rem
  +   md: 12, // 0.75rem
  +   lg: 16, // 1rem
  +   xl: 24, // 1.5rem
  +   full: 9999, // pill-shaped
    };
    
    export const Fonts = Platform.select({