@sprinklrjs/spaceweb-themes 11.0.0 → 12.33.2-rc.1

package/common-theme/theme.js

@@ -91,7 +91,7 @@ var theme = {
         10: '4rem',
         11: '4.4rem',
         12: '4.8rem',
-        15: '0.6rem',
+        15: '-0.6rem',
         16: '6.4rem',
         20: '8rem',
         24: '9.6rem',
@@ -101,7 +101,7 @@ var theme = {
         56: '22.4rem',
         64: '25.6rem',
         auto: 'auto',
-        '05': '0.2rem',
+        '05': '-0.2rem',
         px: '-1px',
         '-1': '-0.4rem',
         '-2': '-0.8rem',

package/common-theme/utilities.d.ts

@@ -1156,6 +1156,18 @@ declare const _default: {
             marginLeft: any;
             marginRight: any;
         };
+        '-m-1.5': {
+            marginTop: any;
+            marginBottom: any;
+            marginLeft: any;
+            marginRight: any;
+        };
+        '-m-0.5': {
+            marginTop: any;
+            marginBottom: any;
+            marginLeft: any;
+            marginRight: any;
+        };
         'm-px': {
             marginTop: any;
             marginBottom: any;
@@ -1480,6 +1492,22 @@ declare const _default: {
             marginLeft: string;
             marginRight: string;
         };
+        '-my-1.5': {
+            marginTop: string;
+            marginBottom: string;
+        };
+        '-mx-1.5': {
+            marginLeft: string;
+            marginRight: string;
+        };
+        '-my-0.5': {
+            marginTop: string;
+            marginBottom: string;
+        };
+        '-mx-0.5': {
+            marginLeft: string;
+            marginRight: string;
+        };
         'my-px': {
             marginTop: string;
             marginBottom: string;
@@ -1944,6 +1972,30 @@ declare const _default: {
         'ml-0.5': {
             marginLeft: string;
         };
+        '-mt-1.5': {
+            marginTop: string;
+        };
+        '-mr-1.5': {
+            marginRight: string;
+        };
+        '-mb-1.5': {
+            marginBottom: string;
+        };
+        '-ml-1.5': {
+            marginLeft: string;
+        };
+        '-mt-0.5': {
+            marginTop: string;
+        };
+        '-mr-0.5': {
+            marginRight: string;
+        };
+        '-mb-0.5': {
+            marginBottom: string;
+        };
+        '-ml-0.5': {
+            marginLeft: string;
+        };
         'mt-px': {
             marginTop: string;
         };
@@ -5143,12 +5195,10 @@ declare const _default: {
             whiteSpace: string;
         };
         'break-normal': {
-            wordWrap: string;
             overflowWrap: string;
             wordBreak: string;
         };
         'break-words': {
-            wordWrap: string;
             overflowWrap: string;
         };
         'break-all': {

package/common-theme/utilities.js

@@ -343,6 +343,8 @@ exports["default"] = {
         'm-auto': margin('auto'),
         'm-1.5': margin('0.6rem'),
         'm-0.5': margin('0.2rem'),
+        '-m-1.5': margin('-0.6rem'),
+        '-m-0.5': margin('-0.2rem'),
         'm-px': margin('1px'),
         '-m-1': margin('-0.4rem'),
         '-m-2': margin('-0.8rem'),
@@ -413,6 +415,10 @@ exports["default"] = {
         'mx-1.5': { marginLeft: '0.6rem', marginRight: '0.6rem' },
         'my-0.5': { marginTop: '0.2rem', marginBottom: '0.2rem' },
         'mx-0.5': { marginLeft: '0.2rem', marginRight: '0.2rem' },
+        '-my-1.5': { marginTop: '-0.6rem', marginBottom: '-0.6rem' },
+        '-mx-1.5': { marginLeft: '-0.6rem', marginRight: '-0.6rem' },
+        '-my-0.5': { marginTop: '-0.2rem', marginBottom: '-0.2rem' },
+        '-mx-0.5': { marginLeft: '-0.2rem', marginRight: '-0.2rem' },
         'my-px': { marginTop: '1px', marginBottom: '1px' },
         'mx-px': { marginLeft: '1px', marginRight: '1px' },
         '-my-1': { marginTop: '-0.4rem', marginBottom: '-0.4rem' },
@@ -553,6 +559,14 @@ exports["default"] = {
         'mr-0.5': { marginRight: '0.2rem' },
         'mb-0.5': { marginBottom: '0.2rem' },
         'ml-0.5': { marginLeft: '0.2rem' },
+        '-mt-1.5': { marginTop: '-0.6rem' },
+        '-mr-1.5': { marginRight: '-0.6rem' },
+        '-mb-1.5': { marginBottom: '-0.6rem' },
+        '-ml-1.5': { marginLeft: '-0.6rem' },
+        '-mt-0.5': { marginTop: '-0.2rem' },
+        '-mr-0.5': { marginRight: '-0.2rem' },
+        '-mb-0.5': { marginBottom: '-0.2rem' },
+        '-ml-0.5': { marginLeft: '-0.2rem' },
         'mt-px': { marginTop: '1px' },
         'mr-px': { marginRight: '1px' },
         'mb-px': { marginBottom: '1px' },
@@ -1575,8 +1589,8 @@ exports["default"] = {
         'whitespace-pre': { whiteSpace: 'pre' },
         'whitespace-pre-line': { whiteSpace: 'pre-line' },
         'whitespace-pre-wrap': { whiteSpace: 'pre-wrap' },
-        'break-normal': { wordWrap: 'normal', overflowWrap: 'normal', wordBreak: 'normal' },
-        'break-words': { wordWrap: 'break-word', overflowWrap: 'break-word' },
+        'break-normal': { overflowWrap: 'normal', wordBreak: 'normal' },
+        'break-words': { overflowWrap: 'anywhere' },
         'break-all': { wordBreak: 'break-all' },
         truncate: { overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' },
         'tabular-nums': { fontVariantNumeric: 'tabular-nums' },

package/hyperspace/dark/index.d.ts

@@ -2,7 +2,6 @@ declare const _default: {
     theme: {
         name: string;
         htmlFontSize: string;
-        density: string;
         typography: {
             h1: {
                 fontSize: string;
@@ -110,10 +109,33 @@ declare const _default: {
                 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;
@@ -163,6 +185,11 @@ declare const _default: {
         };
         iconButton: {
             minWidth: string;
+            sizeXxxxs: {
+                buttonSize: number;
+                iconSize: number;
+                squareBorderRadius: number;
+            };
             sizeXxxs: {
                 buttonSize: number;
                 iconSize: number;
@@ -181,7 +208,6 @@ declare const _default: {
             sizeSm: {
                 buttonSize: number;
                 iconSize: number;
-                squareBorderRadius: number;
             };
             sizeMd: {
                 buttonSize: number;
@@ -246,6 +272,20 @@ declare const _default: {
         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;
@@ -266,24 +306,35 @@ declare const _default: {
             };
         };
         multiSelect: {
-            tagBorderRadius: string;
-            sizeSm: {
+            sizeXxxs: {
+                paddingX: string;
                 paddingY: string;
-                tagHeight: string;
                 tagMarginX: string;
                 tagMarginY: string;
             };
-            sizeMd: {
+            sizeXs: {
+                paddingX: string;
+                paddingY: string;
+                tagMarginY: string;
+                tagMarginX: string;
+            };
+            sizeSm: {
+                paddingX: string;
                 paddingY: string;
-                tagHeight: string;
+                tagMarginY: string;
                 tagMarginX: string;
+            };
+            sizeMd: {
+                paddingX: string;
+                paddingY: string;
                 tagMarginY: string;
+                tagMarginX: string;
             };
             sizeLg: {
+                paddingX: string;
                 paddingY: string;
-                tagHeight: string;
-                tagMarginX: string;
                 tagMarginY: string;
+                tagMarginX: string;
             };
         };
         link: {
@@ -316,15 +367,8 @@ declare const _default: {
             };
         };
         tag: {
-            borderRadius: string;
             actionButtonBorderRadius: string;
             avatarMarginLeft: string;
-            sizeSm: {
-                height: string;
-            };
-            sizeLg: {
-                height: string;
-            };
         };
         app: {
             header: string;
@@ -408,6 +452,10 @@ declare const _default: {
             secondaryPink: string;
             secondaryMaroon: string;
             secondaryOrange: string;
+            clrMagenta: string;
+            clrFuschia: string;
+            clrViolet: string;
+            clrLtViolet: string;
             hover: string;
             focus01: string;
             focus02: string;
@@ -443,11 +491,22 @@ declare const _default: {
             text04: string;
             text05: string;
             text06: string;
+            textMagenta: string;
             textPlaceholder: string;
             supportErrorText: string;
             supportSuccessText: string;
             supportWarningText: string;
         };
+        ai: {
+            ui01: string;
+            ui02: string;
+            ui03: string;
+            border01: {
+                background: string;
+                borderColor: string;
+            };
+            highlight: string;
+        };
         nav: {
             ui01: string;
             uiHover01: string;
@@ -1052,6 +1111,18 @@ declare const _default: {
         'spr-secondary-orange': {
             backgroundColor: string;
         };
+        'spr-clr-magenta': {
+            backgroundColor: string;
+        };
+        'spr-clr-fuschia': {
+            backgroundColor: string;
+        };
+        'spr-clr-violet': {
+            backgroundColor: string;
+        };
+        'spr-clr-lt-violet': {
+            backgroundColor: string;
+        };
         'spr-hover': {
             borderColor: string;
         };
@@ -1157,6 +1228,9 @@ declare const _default: {
         'spr-text-06': {
             color: string;
         };
+        'spr-text-magenta': {
+            color: string;
+        };
         'spr-text-placeholder': {
             color: string;
         };
@@ -1169,6 +1243,22 @@ declare const _default: {
         'spr-support-warning-text': {
             color: string;
         };
+        'ai-ui-01': {
+            background: string;
+        };
+        'ai-ui-02': {
+            background: string;
+        };
+        'ai-ui-03': {
+            background: string;
+        };
+        'ai-border-01': {
+            background: string;
+            borderColor: string;
+        };
+        'ai-highlight': {
+            backgroundColor: string;
+        };
         'nav-ui-01': {
             backgroundColor: string;
         };
@@ -2320,6 +2410,18 @@ declare const _default: {
             marginLeft: any;
             marginRight: any;
         };
+        '-m-1.5': {
+            marginTop: any;
+            marginBottom: any;
+            marginLeft: any;
+            marginRight: any;
+        };
+        '-m-0.5': {
+            marginTop: any;
+            marginBottom: any;
+            marginLeft: any;
+            marginRight: any;
+        };
         'm-px': {
             marginTop: any;
             marginBottom: any;
@@ -2644,6 +2746,22 @@ declare const _default: {
             marginLeft: string;
             marginRight: string;
         };
+        '-my-1.5': {
+            marginTop: string;
+            marginBottom: string;
+        };
+        '-mx-1.5': {
+            marginLeft: string;
+            marginRight: string;
+        };
+        '-my-0.5': {
+            marginTop: string;
+            marginBottom: string;
+        };
+        '-mx-0.5': {
+            marginLeft: string;
+            marginRight: string;
+        };
         'my-px': {
             marginTop: string;
             marginBottom: string;
@@ -3108,6 +3226,30 @@ declare const _default: {
         'ml-0.5': {
             marginLeft: string;
         };
+        '-mt-1.5': {
+            marginTop: string;
+        };
+        '-mr-1.5': {
+            marginRight: string;
+        };
+        '-mb-1.5': {
+            marginBottom: string;
+        };
+        '-ml-1.5': {
+            marginLeft: string;
+        };
+        '-mt-0.5': {
+            marginTop: string;
+        };
+        '-mr-0.5': {
+            marginRight: string;
+        };
+        '-mb-0.5': {
+            marginBottom: string;
+        };
+        '-ml-0.5': {
+            marginLeft: string;
+        };
         'mt-px': {
             marginTop: string;
         };
@@ -6307,12 +6449,10 @@ declare const _default: {
             whiteSpace: string;
         };
         'break-normal': {
-            wordWrap: string;
             overflowWrap: string;
             wordBreak: string;
         };
         'break-words': {
-            wordWrap: string;
             overflowWrap: string;
         };
         'break-all': {

package/hyperspace/dark/theme.d.ts

@@ -1,7 +1,6 @@
 declare const _default: {
     name: string;
     htmlFontSize: string;
-    density: string;
     typography: {
         h1: {
             fontSize: string;
@@ -109,10 +108,33 @@ declare const _default: {
             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;
@@ -162,6 +184,11 @@ declare const _default: {
     };
     iconButton: {
         minWidth: string;
+        sizeXxxxs: {
+            buttonSize: number;
+            iconSize: number;
+            squareBorderRadius: number;
+        };
         sizeXxxs: {
             buttonSize: number;
             iconSize: number;
@@ -180,7 +207,6 @@ declare const _default: {
         sizeSm: {
             buttonSize: number;
             iconSize: number;
-            squareBorderRadius: number;
         };
         sizeMd: {
             buttonSize: number;
@@ -245,6 +271,20 @@ declare const _default: {
     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;
@@ -265,24 +305,35 @@ declare const _default: {
         };
     };
     multiSelect: {
-        tagBorderRadius: string;
-        sizeSm: {
+        sizeXxxs: {
+            paddingX: string;
             paddingY: string;
-            tagHeight: string;
             tagMarginX: string;
             tagMarginY: string;
         };
-        sizeMd: {
+        sizeXs: {
+            paddingX: string;
             paddingY: string;
-            tagHeight: string;
+            tagMarginY: string;
             tagMarginX: string;
+        };
+        sizeSm: {
+            paddingX: string;
+            paddingY: string;
             tagMarginY: string;
+            tagMarginX: string;
         };
-        sizeLg: {
+        sizeMd: {
+            paddingX: string;
             paddingY: string;
-            tagHeight: string;
+            tagMarginY: string;
             tagMarginX: string;
+        };
+        sizeLg: {
+            paddingX: string;
+            paddingY: string;
             tagMarginY: string;
+            tagMarginX: string;
         };
     };
     link: {
@@ -315,15 +366,8 @@ declare const _default: {
         };
     };
     tag: {
-        borderRadius: string;
         actionButtonBorderRadius: string;
         avatarMarginLeft: string;
-        sizeSm: {
-            height: string;
-        };
-        sizeLg: {
-            height: string;
-        };
     };
     app: {
         header: string;
@@ -407,6 +451,10 @@ declare const _default: {
         secondaryPink: string;
         secondaryMaroon: string;
         secondaryOrange: string;
+        clrMagenta: string;
+        clrFuschia: string;
+        clrViolet: string;
+        clrLtViolet: string;
         hover: string;
         focus01: string;
         focus02: string;
@@ -442,11 +490,22 @@ declare const _default: {
         text04: string;
         text05: string;
         text06: string;
+        textMagenta: string;
         textPlaceholder: string;
         supportErrorText: string;
         supportSuccessText: string;
         supportWarningText: string;
     };
+    ai: {
+        ui01: string;
+        ui02: string;
+        ui03: string;
+        border01: {
+            background: string;
+            borderColor: string;
+        };
+        highlight: string;
+    };
     nav: {
         ui01: string;
         uiHover01: string;