@sprinklrjs/spaceweb-themes 12.33.2 → 14.11.3

package/hyperspace/light/theme.d.ts

@@ -98,276 +98,287 @@ declare const _default: {
             fontWeight: number;
         };
     };
-    popover: {
-        borderRadius: string;
-    };
-    button: {
-        borderRadius: string;
-        variantSecondary: {
-            color: string;
-            hoverBackgroundColor: string;
-            activeBackgroundColor: string;
+    popover: any;
+    button: any;
+    iconButton: any;
+    input: any;
+    multiSelect: any;
+    link: any;
+    list: any;
+    tab: any;
+    tag: any;
+    deprecatedComponentTheme: {
+        popover: {
+            borderRadius: string;
         };
-        sizeXxxs: {
-            minWidth: string;
-            paddingY: string;
-            paddingX: string;
+        button: {
             borderRadius: string;
-            fontStyles: {
-                fontSize: string;
-                lineHeight: string;
-                fontWeight: number;
+            variantSecondary: {
+                color: string;
+                hoverBackgroundColor: string;
+                activeBackgroundColor: string;
+            };
+            sizeXxxs: {
+                minWidth: string;
+                paddingY: string;
+                paddingX: string;
+                borderRadius: string;
+                fontStyles: {
+                    fontSize: string;
+                    lineHeight: string;
+                    fontWeight: number;
+                };
+            };
+            sizeXxs: {
+                minWidth: string;
+                paddingY: string;
+                paddingX: string;
+                borderRadius: string;
+                fontStyles: {
+                    fontSize: string;
+                    lineHeight: string;
+                    fontWeight: number;
+                };
+            };
+            sizeXs: {
+                minWidth: string;
+                paddingY: string;
+                paddingX: string;
+                borderRadius: 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;
+                };
             };
         };
-        sizeXxs: {
+        iconButton: {
             minWidth: string;
-            paddingY: string;
-            paddingX: string;
-            borderRadius: string;
-            fontStyles: {
-                fontSize: string;
-                lineHeight: string;
-                fontWeight: number;
+            sizeXxxxs: {
+                buttonSize: number;
+                iconSize: number;
+                squareBorderRadius: number;
+            };
+            sizeXxxs: {
+                buttonSize: number;
+                iconSize: number;
+                squareBorderRadius: number;
+            };
+            sizeXxs: {
+                buttonSize: number;
+                iconSize: number;
+                squareBorderRadius: number;
+            };
+            sizeXs: {
+                buttonSize: number;
+                iconSize: number;
+                squareBorderRadius: 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: {
+                hoverColor: string;
+                activeColor: string;
+                disabledColor: string;
+                backgroundColor: string;
+                hoverBackgroundColor: string;
+                activeBackgroundColor: string;
+                disabledBackgroundColor: string;
+                borderColor: string;
+                hoverBorderColor: string;
+                activeBorderColor: string;
+                disabledBorderColor: string;
+            };
+            shapeSquare: {
+                borderRadius: string;
+                color: string;
+                hoverColor: string;
+                activeColor: string;
+                disabledColor: string;
+                backgroundColor: string;
+                hoverBackgroundColor: string;
+                activeBackgroundColor: string;
+                disabledBackgroundColor: string;
+            };
+            shapeSquareBordered: {
+                hoverColor: string;
+                activeColor: string;
+                disabledColor: string;
+                backgroundColor: string;
+                hoverBackgroundColor: string;
+                activeBackgroundColor: string;
+                disabledBackgroundColor: string;
+                borderColor: string;
+                hoverBorderColor: string;
+                activeBorderColor: string;
+                disabledBorderColor: string;
             };
         };
-        sizeXs: {
-            minWidth: string;
-            paddingY: string;
-            paddingX: string;
+        input: {
             borderRadius: string;
-            fontStyles: {
+            disabledBorderColor: string;
+            sizeXxxs: {
+                borderRadius: string;
+                paddingX: string;
+                paddingY: string;
                 fontSize: string;
                 lineHeight: string;
-                fontWeight: number;
             };
-        };
-        sizeSm: {
-            minWidth: string;
-            paddingY: string;
-            paddingX: string;
-            fontStyles: {
+            sizeXs: {
+                borderRadius: string;
+                paddingX: string;
+                paddingY: string;
                 fontSize: string;
                 lineHeight: string;
-                fontWeight: number;
             };
-        };
-        sizeMd: {
-            minWidth: string;
-            paddingY: string;
-            paddingX: string;
-            fontStyles: {
+            sizeSm: {
+                paddingX: string;
+                paddingY: string;
                 fontSize: string;
                 lineHeight: string;
-                fontWeight: number;
             };
-        };
-        sizeLg: {
-            minWidth: string;
-            paddingY: string;
-            paddingX: string;
-            fontStyles: {
+            sizeMd: {
+                paddingX: string;
+                paddingY: string;
                 fontSize: string;
                 lineHeight: string;
-                fontWeight: number;
             };
-        };
-        sizeXl: {
-            minWidth: string;
-            paddingY: string;
-            paddingX: string;
-            fontStyles: {
+            sizeLg: {
+                paddingX: string;
+                paddingY: string;
                 fontSize: string;
                 lineHeight: string;
-                fontWeight: number;
             };
         };
-    };
-    iconButton: {
-        minWidth: string;
-        sizeXxxxs: {
-            buttonSize: number;
-            iconSize: number;
-            squareBorderRadius: number;
-        };
-        sizeXxxs: {
-            buttonSize: number;
-            iconSize: number;
-            squareBorderRadius: number;
-        };
-        sizeXxs: {
-            buttonSize: number;
-            iconSize: number;
-            squareBorderRadius: number;
-        };
-        sizeXs: {
-            buttonSize: number;
-            iconSize: number;
-            squareBorderRadius: 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: {
-            hoverColor: string;
-            activeColor: string;
-            disabledColor: string;
-            backgroundColor: string;
-            hoverBackgroundColor: string;
-            activeBackgroundColor: string;
-            disabledBackgroundColor: string;
-            borderColor: string;
-            hoverBorderColor: string;
-            activeBorderColor: string;
-            disabledBorderColor: string;
-        };
-        shapeSquare: {
-            borderRadius: string;
-            color: string;
-            hoverColor: string;
-            activeColor: string;
-            disabledColor: string;
-            backgroundColor: string;
-            hoverBackgroundColor: string;
-            activeBackgroundColor: string;
-            disabledBackgroundColor: string;
-        };
-        shapeSquareBordered: {
-            hoverColor: string;
-            activeColor: string;
-            disabledColor: string;
-            backgroundColor: string;
-            hoverBackgroundColor: string;
-            activeBackgroundColor: string;
-            disabledBackgroundColor: string;
-            borderColor: string;
-            hoverBorderColor: string;
-            activeBorderColor: string;
-            disabledBorderColor: string;
-        };
-    };
-    input: {
-        borderRadius: string;
-        disabledBorderColor: string;
-        sizeXxxs: {
-            borderRadius: string;
-            paddingX: string;
-            paddingY: string;
-            fontSize: string;
-            lineHeight: string;
-        };
-        sizeXs: {
-            borderRadius: string;
-            paddingX: string;
-            paddingY: string;
-            fontSize: string;
-            lineHeight: string;
-        };
-        sizeSm: {
-            paddingX: string;
-            paddingY: string;
-            fontSize: string;
-            lineHeight: string;
-        };
-        sizeMd: {
-            paddingX: string;
-            paddingY: string;
-            fontSize: string;
-            lineHeight: string;
+        multiSelect: {
+            sizeXxxs: {
+                paddingX: string;
+                paddingY: string;
+                tagMarginX: string;
+                tagMarginY: string;
+            };
+            sizeXs: {
+                paddingX: string;
+                paddingY: string;
+                tagMarginY: string;
+                tagMarginX: string;
+            };
+            sizeSm: {
+                paddingX: string;
+                paddingY: string;
+                tagMarginY: string;
+                tagMarginX: string;
+            };
+            sizeMd: {
+                paddingX: string;
+                paddingY: string;
+                tagMarginY: string;
+                tagMarginX: string;
+            };
+            sizeLg: {
+                paddingX: string;
+                paddingY: string;
+                tagMarginY: string;
+                tagMarginX: string;
+            };
         };
-        sizeLg: {
-            paddingX: string;
-            paddingY: string;
+        link: {
             fontSize: string;
             lineHeight: string;
         };
-    };
-    multiSelect: {
-        sizeXxxs: {
-            paddingX: string;
-            paddingY: string;
-            tagMarginX: string;
-            tagMarginY: string;
-        };
-        sizeXs: {
-            paddingX: string;
-            paddingY: string;
-            tagMarginY: string;
-            tagMarginX: string;
-        };
-        sizeSm: {
-            paddingX: string;
-            paddingY: string;
-            tagMarginY: string;
-            tagMarginX: string;
-        };
-        sizeMd: {
-            paddingX: string;
-            paddingY: string;
-            tagMarginY: string;
-            tagMarginX: string;
-        };
-        sizeLg: {
-            paddingX: string;
-            paddingY: string;
-            tagMarginY: string;
-            tagMarginX: string;
+        list: {
+            selectedEnhancerBackground: string;
+            hoverBackgroundColor: string;
         };
-    };
-    link: {
-        fontSize: string;
-        lineHeight: string;
-    };
-    list: {
-        selectedEnhancerBackground: string;
-        hoverBackgroundColor: string;
-    };
-    tab: {
-        variantDefault: {
-            fontStyles: {
-                fontSize: string;
-                lineHeight: string;
-                fontWeight: number;
-            };
-            positionTopStyles: {
-                marginLeft: string;
-                marginRight: string;
-            };
-            positionLeftStyles: {
-                marginTop: string;
-                marginBottom: string;
-            };
-            positionRightStyles: {
-                marginTop: string;
-                marginBottom: string;
+        tab: {
+            variantDefault: {
+                fontStyles: {
+                    fontSize: string;
+                    lineHeight: string;
+                    fontWeight: number;
+                };
+                positionTopStyles: {
+                    marginLeft: string;
+                    marginRight: string;
+                };
+                positionLeftStyles: {
+                    marginTop: string;
+                    marginBottom: string;
+                };
+                positionRightStyles: {
+                    marginTop: string;
+                    marginBottom: string;
+                };
             };
         };
-    };
-    tag: {
-        actionButtonBorderRadius: string;
-        avatarMarginLeft: string;
+        tag: {
+            actionButtonBorderRadius: string;
+            avatarMarginLeft: string;
+        };
     };
     app: {
         header: string;
@@ -399,35 +410,27 @@ declare const _default: {
         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;
+        bgSuccessHighlight2: string;
         clrBlueHighlight: string;
         tag: string;
         tag01: string;
         tag02: string;
         field: string;
+        fieldBorder: string;
         popup: string;
         overlay: string;
-        tooltip01: string;
-        highlight: string;
         favourite: string;
         notification: string;
-        interactive01: string;
-        interactiveHover: string;
+        interactiveHoverBorder: string;
         interactiveDisable: string;
         interactive02: string;
         clrBlue: string;
@@ -452,66 +455,142 @@ declare const _default: {
         secondaryMaroon: string;
         secondaryOrange: string;
         clrMagenta: string;
+        clrMagentaBorder: string;
         clrFuschia: string;
+        clrFuschiaBorder: string;
         clrViolet: string;
+        clrVioletBorder: string;
         clrLtViolet: 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;
+        textDisable: string;
         textMagenta: string;
-        textPlaceholder: string;
-        supportErrorText: string;
-        supportSuccessText: string;
-        supportWarningText: string;
         hover: string;
-        focus01: string;
-        border01: string;
-        border02: string;
-        border03: string;
         border04: string;
-        border05: string;
-        border06: string;
         cardBorder: string;
         popupBorder: string;
         tooltipBorder: string;
-        focus02: string;
         shadow01: string;
         shadow02: string;
         shadow03: string;
         shadow04: string;
         shadow05: string;
         shadow06: string;
-    };
-    nav: {
+        bgPrimary: string;
+        bgSecondary: string;
+        bgTertiary: string;
+        bgQuaternary: string;
+        bgQuinary: string;
+        bgInverse: string;
+        bgError: string;
+        bgErrorHighlight: string;
+        bgSuccess: string;
+        bgSuccessHighlight: string;
+        bgWarning: string;
+        bgWarningHighlight: string;
+        bgNeutral: string;
+        bgOverlay: string;
+        bgWhite: string;
+        highlight: string;
+        interactive: string;
+        interactiveHover: string;
+        iconPrimary: string;
+        iconTertiary: string;
+        iconSecondary: string;
+        iconInverse: string;
+        iconQuaternary: string;
+        iconWhite: string;
+        iconError: string;
+        iconSuccess: string;
+        iconWarning: string;
+        link: string;
+        textPrimary: string;
+        textSecondary: string;
+        textTertiary: string;
+        textPlaceholder: string;
+        textWhite: string;
+        textInverse: string;
+        textError: string;
+        textSuccess: string;
+        textWarning: string;
+        borderError: string;
+        borderSuccess: string;
+        borderWarning: string;
+        borderQuinary: string;
+        borderPrimary: string;
+        borderSecondary: string;
+        borderTertiary: string;
+        borderQuaternary: string;
+        borderInverse: string;
+        borderWhite: string;
+        focus02: string;
+        shadow100: string;
+        shadow200: string;
         ui01: string;
-        uiHover01: string;
+        ui05: string;
+        ui03: string;
+        ui06: string;
+        tooltip01: string;
+        supportError: string;
+        supportSuccess: string;
+        supportWarning: string;
+        interactive01: string;
         icon01: string;
-        iconFocus01: string;
+        icon03: string;
+        icon04: string;
+        icon05: string;
+        iconHoverReverse: string;
+        text04: string;
+        textLinkActive: string;
         text01: string;
+        text02: string;
+        text03: string;
+        text05: string;
+        text06: string;
+        supportErrorText: string;
+        supportSuccessText: string;
+        supportWarningText: string;
+        supportErrorBorder: string;
+        supportSuccessBorder: string;
+        supportWarningBorder: string;
+        focus01: string;
+        border03: string;
+        border02: string;
+        border01: string;
+        border06: string;
+        border05: string;
     };
     ai: {
         ui01: string;
         ui02: string;
-        ui03: string;
+        ui04: string;
+        ui05: string;
+        ui06: string;
         border01: {
             background: string;
             borderColor: string;
         };
+        border02: string;
+        border03: string;
+        border04: string;
         highlight: string;
+        interactiveDisable: string;
+        interactiveLoading: string;
+        bgGradient: string;
+        borderGradient: {
+            background: string;
+            borderColor: string;
+        };
+        ui03: string;
+    };
+    nav: {
+        ui01: string;
+        uiHover01: string;
+        icon01: string;
+        iconFocus01: string;
+        text01: string;
     };
     borderRadius: {
         0: string;
@@ -583,12 +662,28 @@ declare const _default: {
         8: string;
         9: string;
         10: string;
+        12: string;
         none: string;
         tight: string;
         snug: string;
         normal: string;
         relaxed: string;
         loose: string;
+        0.25: string;
+        0.625: string;
+        2.5: string;
+        3.125: string;
+        3.5: string;
+        3.75: string;
+        4.375: string;
+        4.5: string;
+        5.5: string;
+        5.625: string;
+        6.25: string;
+        6.5: string;
+        8.5: string;
+        9.5: string;
+        11.5: string;
     };
     margin: {
         0: string;
@@ -604,7 +699,6 @@ declare const _default: {
         10: string;
         11: string;
         12: string;
-        15: string;
         16: string;
         20: string;
         24: string;
@@ -614,7 +708,10 @@ declare const _default: {
         56: string;
         64: string;
         auto: string;
-        '05': string;
+        1.5: string;
+        0.5: string;
+        '-1.5': string;
+        '-0.5': string;
         px: string;
         '-1': string;
         '-2': string;
@@ -687,6 +784,9 @@ declare const _default: {
         double: string;
         hidden: string;
     };
+    outlineColor: {
+        sprFocus01: string;
+    };
     padding: {
         0: string;
         1: string;
@@ -701,7 +801,6 @@ declare const _default: {
         10: string;
         11: string;
         12: string;
-        15: string;
         16: string;
         20: string;
         24: string;
@@ -710,7 +809,8 @@ declare const _default: {
         48: string;
         56: string;
         64: string;
-        '05': string;
+        1.5: string;
+        0.5: string;
         px: string;
     };
     stroke: {