Interface ThemeExtension

interface ThemeExtension {
    fontFamily: string;
    fontSize: {
        base: "12px";
        large: "14px";
        small: "10px";
        xlarge: "16px";
        xsmall: "8px";
        xxlarge: "18px";
        xxxlarge: "20px";
        xxxxlarge: "40px";
    };
    fontWeight: { bold: 600; normal: 400 };
    iconSize: {
        base: "15px";
        large: "20px";
        small: "12px";
        xlarge: "24px";
        xsmall: "8px";
        xxlarge: "32px";
        xxxlarge: "72px";
        xxxxlarge: "72px";
    };
    lineHeight: { heading: 1.2; text: 1.5; ui: 1 };
    notificationIndicatorColors?: Record<
        string,
        Omit<NotificationIndicatorColorsSet, "foreground"> & {
            foreground: string;
        },
    >;
    palette: Record<keyof typeof Palette, string>;
    px: {
        base: "12px";
        large: "16px";
        small: "8px";
        xlarge: "20px";
        xsmall: "4px";
        xxlarge: "24px";
        xxxlarge: "32px";
        xxxxlarge: "72px";
    };
    radius: {
        base: "8px";
        large: "24px";
        none: "0";
        pill: "100vh";
        round: "50%";
        small: "4px";
        xsmall: "2px";
    };
    shadow: { base: string };
    transition: { base: "200ms cubic-bezier(0.16, 1, 0.3, 1)"; none: "0ms" };
    unit: {
        base: 12;
        large: 16;
        small: 8;
        xlarge: 20;
        xsmall: 4;
        xxlarge: 24;
        xxxlarge: 32;
        xxxxlarge: 48;
    };
}