CIA Compliance Manager API Documentation - v1.1.6
    Preparing search index...

    Variable SPACINGConst

    SPACING: {
        lg: "16px";
        md: "8px";
        sm: "6px";
        xl: "24px";
        xs: "4px";
        xxl: "40px";
    } = ...

    Spacing scale based on a flexible grid system with optimizations Use these values for padding, margin, and gap properties

    NOTE: These values have been optimized to reduce widget empty space and provide more compact layouts while maintaining visual hierarchy.

    ⚠️ EXCEPTION: sm: 6px breaks the strict 4px/8px grid system but was intentionally optimized to fix 50% blank space issues in widgets. This value matches the current tailwind.config.ts and preserves the optimized UI appearance from v1.0.6+.

    Type Declaration

    • Readonlylg: "16px"

      16px - Large spacing for section separation (optimized from 24px)

    • Readonlymd: "8px"

      8px - Medium spacing (optimized from 16px for more compact layouts)

    • Readonlysm: "6px"

      6px - Small spacing for compact elements (optimized from 8px)

    • Readonlyxl: "24px"

      24px - Extra large spacing for major sections (optimized from 32px)

    • Readonlyxs: "4px"

      4px - Extra small spacing for tight layouts

    • Readonlyxxl: "40px"

      40px - XXL spacing for page-level separation (optimized from 48px)

    Settings

    Member Visibility