@sprinklrjs/spaceweb-themes 10.1.0

package/space/light/theme.d.ts

@@ -0,0 +1,780 @@
+declare const _default: {
+    name: string;
+    htmlFontSize: string;
+    density: string;
+    typography: {
+        h1: {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+        };
+        h2: {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+        };
+        h3: {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+        };
+        h4: {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+        };
+        h5: {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+        };
+        h6: {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+        };
+        h7: {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+        };
+        b1: {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+        };
+        b2: {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+        };
+        bl1: {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+        };
+        bl2: {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+        };
+        bl3: {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+        };
+        bs1: {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+        };
+        bs2: {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+        };
+        bs3: {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+        };
+        l1: {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+        };
+        l2: {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+        };
+        l3: {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+        };
+        l4: {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+        };
+    };
+    popover: {
+        borderRadius: string;
+    };
+    button: {
+        borderRadius: string;
+        variantSecondary: {
+            color: string;
+            hoverBackgroundColor: string;
+            activeBackgroundColor: string;
+        };
+        sizeXs: {
+            minWidth: string;
+            paddingY: string;
+            paddingX: string;
+            fontStyles: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+            };
+        };
+        sizeSm: {
+            minWidth: string;
+            paddingY: string;
+            paddingX: string;
+            fontStyles: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+            };
+        };
+        sizeMd: {
+            minWidth: string;
+            paddingY: string;
+            paddingX: string;
+            fontStyles: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+            };
+        };
+        sizeLg: {
+            minWidth: string;
+            paddingY: string;
+            paddingX: string;
+            fontStyles: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+            };
+        };
+        sizeXl: {
+            minWidth: string;
+            paddingY: string;
+            paddingX: string;
+            fontStyles: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+            };
+        };
+    };
+    iconButton: {
+        minWidth: string;
+        sizeXxxs: {
+            buttonSize: number;
+            iconSize: number;
+        };
+        sizeXxs: {
+            buttonSize: number;
+            iconSize: number;
+        };
+        sizeXs: {
+            buttonSize: number;
+            iconSize: number;
+        };
+        sizeSm: {
+            buttonSize: number;
+            iconSize: number;
+        };
+        sizeMd: {
+            buttonSize: number;
+            iconSize: number;
+        };
+        sizeLg: {
+            buttonSize: number;
+            iconSize: number;
+        };
+        sizeXl: {
+            buttonSize: number;
+            iconSize: number;
+        };
+        shapeRound: {
+            color: string;
+            hoverColor: string;
+            activeColor: string;
+            disabledColor: string;
+            backgroundColor: string;
+            hoverBackgroundColor: string;
+            activeBackgroundColor: string;
+            disabledBackgroundColor: string;
+        };
+        shapeRoundBordered: {
+            backgroundColor: string;
+            borderColor: string;
+        };
+        shapeSquare: {
+            borderRadius: string;
+            color: string;
+            hoverColor: string;
+            activeColor: string;
+            disabledColor: string;
+            backgroundColor: string;
+            hoverBackgroundColor: string;
+            activeBackgroundColor: string;
+            disabledBackgroundColor: string;
+        };
+        shapeSquareBordered: {
+            backgroundColor: string;
+            borderColor: string;
+        };
+    };
+    input: {
+        borderRadius: string;
+        disabledBorderColor: string;
+        sizeSm: {
+            paddingX: string;
+            paddingY: string;
+            fontSize: string;
+            lineHeight: string;
+        };
+        sizeMd: {
+            paddingX: string;
+            paddingY: string;
+            fontSize: string;
+            lineHeight: string;
+        };
+        sizeLg: {
+            paddingX: string;
+            paddingY: string;
+            fontSize: string;
+            lineHeight: string;
+        };
+    };
+    multiSelect: {
+        sizeSm: {
+            tagHeight: string;
+            paddingY: string;
+            tagMarginX: string;
+            tagMarginY: string;
+        };
+        sizeMd: {
+            tagHeight: string;
+            paddingY: string;
+            tagMarginX: string;
+            tagMarginY: string;
+        };
+        sizeLg: {
+            tagHeight: string;
+            paddingY: string;
+            tagMarginX: string;
+            tagMarginY: string;
+        };
+    };
+    link: {
+        fontSize: string;
+        lineHeight: string;
+    };
+    list: {
+        selectedEnhancerBackground: string;
+        hoverBackgroundColor: string;
+    };
+    tab: {
+        variantDefault: {
+            fontStyles: {
+                fontSize: string;
+                lineHeight: string;
+                fontWeight: number;
+            };
+            selectedStyles: {
+                borderColor: string;
+            };
+            positionTopStyles: {
+                marginLeft: string;
+                marginRight: string;
+                borderBottomWidth: string;
+            };
+            positionLeftStyles: {
+                marginTop: string;
+                marginBottom: string;
+                borderLeftWidth: string;
+            };
+            positionRightStyles: {
+                marginTop: string;
+                marginBottom: string;
+                borderRightWidth: string;
+            };
+        };
+    };
+    tag: {
+        borderRadius: string;
+        actionButtonBorderRadius: string;
+        avatarMarginLeft: string;
+        sizeSm: {
+            height: string;
+        };
+        sizeLg: {
+            height: string;
+        };
+    };
+    app: {
+        header: string;
+        headerTab: string;
+        headerTabHover: string;
+        headerTabActive: string;
+        headerText: string;
+        headerTextHover: string;
+    };
+    cht: {
+        bg: string;
+        border: string;
+        bubbleLeft: string;
+        bubbleRight: string;
+        bubbleSupportingText: string;
+        bubbleTextLeft: string;
+        bubbleTextRight: string;
+        bubbleBorder: string;
+        bubbleIcon1: string;
+        bubbleIcon2: string;
+        bubbleIcon3: string;
+        bubbleInsert: string;
+        bubbleLink: string;
+        bubbleText: string;
+        reply: string;
+        footer: string;
+        hover: string;
+        read: string;
+        unread: string;
+    };
+    spr: {
+        ui01: string;
+        ui02: string;
+        ui03: string;
+        ui04: string;
+        ui05: string;
+        ui06: string;
+        uiFocus: string;
+        uiFocusReverse: string;
+        uiHover: string;
+        uiHoverReverse: string;
+        supportError: string;
+        supportErrorHighlight: string;
+        supportSuccess: string;
+        supportSuccessHighlight: string;
+        supportWarning: string;
+        supportWarningHighlight: string;
+        clrBlueHighlight: string;
+        tag: string;
+        tag01: string;
+        tag02: string;
+        field: string;
+        popup: string;
+        overlay: string;
+        tooltip01: string;
+        highlight: string;
+        favourite: string;
+        notification: string;
+        interactive01: string;
+        interactiveHover: string;
+        interactiveDisable: string;
+        interactive02: string;
+        clrBlue: string;
+        clrGreen: string;
+        clrLavender: string;
+        clrOrange: string;
+        clrPink: string;
+        clrRed: string;
+        clrSea: string;
+        clrTeal: string;
+        clrYellow: string;
+        clrGrey: string;
+        clrPurple: string;
+        clrLtYellow: string;
+        clrDarkerBlue: string;
+        secondaryYellow: string;
+        secondaryGreen: string;
+        secondaryTeal: string;
+        secondaryLtPink: string;
+        secondaryPink: string;
+        secondaryMaroon: string;
+        secondaryOrange: string;
+        hover: string;
+        focus01: string;
+        border01: string;
+        border02: string;
+        border03: string;
+        border04: string;
+        border05: string;
+        border06: string;
+        cardBorder: string;
+        popupBorder: string;
+        tooltipBorder: string;
+        interactiveFocus: string;
+        shadow01: string;
+        shadow02: string;
+        shadow03: string;
+        shadow04: string;
+        shadow05: string;
+        shadow06: string;
+        icon01: string;
+        icon02: string;
+        icon03: string;
+        icon04: string;
+        icon05: string;
+        icon06: string;
+        iconHover: string;
+        iconDisable: string;
+        iconHoverReverse: string;
+        iconError: string;
+        link: string;
+        text01: string;
+        text02: string;
+        text03: string;
+        text04: string;
+        text05: string;
+        text06: string;
+        textPlaceholder: string;
+        supportErrorText: string;
+        supportSuccessText: string;
+        supportWarningText: string;
+    };
+    nav: {
+        ui01: string;
+        uiHover01: string;
+        icon01: string;
+        iconFocus01: string;
+        text01: string;
+    };
+    borderRadius: {
+        0: string;
+        1: string;
+        2: string;
+        4: string;
+        6: string;
+        8: string;
+        12: string;
+        16: string;
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        default: string;
+        full: string;
+    };
+    borderWidth: {
+        0: string;
+        1: string;
+        2: string;
+        4: string;
+        6: string;
+        8: string;
+        12: string;
+        16: string;
+        default: string;
+    };
+    fontFamily: {
+        sans: string;
+        serif: string;
+        mono: string;
+    };
+    fontWeight: {
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        hairline: string;
+        thin: string;
+        light: string;
+        normal: string;
+        regular: string;
+        medium: string;
+        semibold: string;
+        bold: string;
+        extrabold: string;
+        black: string;
+    };
+    inset: {
+        0: string;
+        auto: string;
+    };
+    letterSpacing: {
+        tighter: string;
+        tight: string;
+        normal: string;
+        wide: string;
+        wider: string;
+        widest: string;
+    };
+    lineHeight: {
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        none: string;
+        tight: string;
+        snug: string;
+        normal: string;
+        relaxed: string;
+        loose: string;
+    };
+    margin: {
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        11: string;
+        12: string;
+        16: string;
+        20: string;
+        24: string;
+        32: string;
+        40: string;
+        48: string;
+        56: string;
+        64: string;
+        auto: string;
+        px: string;
+        '-1': string;
+        '-2': string;
+        '-3': string;
+        '-4': string;
+        '-5': string;
+        '-6': string;
+        '-7': string;
+        '-8': string;
+        '-9': string;
+        '-10': string;
+        '-11': string;
+        '-12': string;
+        '-16': string;
+        '-20': string;
+        '-24': string;
+        '-32': string;
+        '-40': string;
+        '-48': string;
+        '-56': string;
+        '-64': string;
+    };
+    maxHeight: {
+        full: string;
+        screen: string;
+    };
+    maxWidth: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2Xl': string;
+        '3Xl': string;
+        '4Xl': string;
+        '5Xl': string;
+        '6Xl': string;
+        full: string;
+        screenSm: string;
+        screenMd: string;
+        screenLg: string;
+        screenXl: string;
+    };
+    minHeight: {
+        0: string;
+        full: string;
+        screen: string;
+    };
+    minWidth: {
+        0: string;
+        full: string;
+    };
+    outlineOffset: {
+        0: string;
+        1: string;
+        2: string;
+        '-2': string;
+        '-1': string;
+    };
+    outlineWidth: {
+        1: string;
+        2: string;
+    };
+    outlineStyle: {
+        none: string;
+        solid: string;
+        dashed: string;
+        dotted: string;
+        double: string;
+        hidden: string;
+    };
+    padding: {
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        11: string;
+        12: string;
+        16: string;
+        20: string;
+        24: string;
+        32: string;
+        40: string;
+        48: string;
+        56: string;
+        64: string;
+        px: string;
+    };
+    stroke: {
+        current: string;
+    };
+    gap: {
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        11: string;
+        12: string;
+        16: string;
+        20: string;
+        24: string;
+        32: string;
+        40: string;
+        48: string;
+        56: string;
+        64: string;
+        px: string;
+    };
+    translate: {
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        11: string;
+        12: string;
+        16: string;
+        20: string;
+        24: string;
+        32: string;
+        40: string;
+        48: string;
+        56: string;
+        64: string;
+        px: string;
+        '-1': string;
+        '-2': string;
+        '-3': string;
+        '-4': string;
+        '-5': string;
+        '-6': string;
+        '-7': string;
+        '-8': string;
+        '-9': string;
+        '-10': string;
+        '-11': string;
+        '-12': string;
+        '-16': string;
+        '-20': string;
+        '-24': string;
+        '-32': string;
+        '-40': string;
+        '-48': string;
+        '-56': string;
+        '-64': string;
+        full: string;
+    };
+    transitionTimingFunction: {
+        linear: string;
+        in: string;
+        out: string;
+        inOut: string;
+    };
+    borderColor: {
+        transparent: string;
+        current: string;
+    };
+    borderOpacity: {
+        0: string;
+        5: string;
+        10: string;
+        15: string;
+        20: string;
+        25: string;
+        30: string;
+        40: string;
+        50: string;
+        60: string;
+        70: string;
+        75: string;
+        80: string;
+        90: string;
+        100: string;
+    };
+    placeholderColor: {
+        transparent: string;
+        current: string;
+    };
+    placeholderOpacity: {
+        0: string;
+        5: string;
+        10: string;
+        15: string;
+        20: string;
+        25: string;
+        30: string;
+        40: string;
+        50: string;
+        60: string;
+        70: string;
+        75: string;
+        80: string;
+        90: string;
+        100: string;
+    };
+    screens: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    textColor: {
+        transparent: string;
+        current: string;
+    };
+    fontSize: {
+        10: string;
+        11: string;
+        12: string;
+        13: string;
+        14: string;
+        16: string;
+        20: string;
+        24: string;
+        32: string;
+        40: string;
+        56: string;
+        72: string;
+    };
+};
+export default _default;