@sprinklrjs/spaceweb-themes 10.1.0 → 12.14.4

package/hyperspace/dark/theme.js

@@ -16,7 +16,6 @@ var theme_1 = require("../../common-theme/theme");
 var theme = {
     name: 'hyperspace-dark',
     htmlFontSize: '10px',
-    density: 'COMFORTABLE',
     typography: {
         h1: { fontSize: '4.2rem', lineHeight: '4.8rem', fontWeight: 600 },
         h2: { fontSize: '2.4rem', lineHeight: '2.9rem', fontWeight: 600 },
@@ -46,46 +45,62 @@ var theme = {
             hoverBackgroundColor: 'var(--spr-ui-02, #212123)',
             activeBackgroundColor: 'var(--spr-ui-05, #3A3A3E)'
         },
-        sizeXs: {
+        sizeXxxs: {
             minWidth: '48px',
             paddingY: '4px',
-            paddingX: '12px',
+            paddingX: '6px',
+            borderRadius: '5px',
+            fontStyles: { fontSize: '12px', lineHeight: '14px', fontWeight: 600 }
+        },
+        sizeXxs: {
+            minWidth: '56px',
+            paddingY: '6px',
+            paddingX: '11px',
+            borderRadius: '6px',
             fontStyles: { fontSize: '12px', lineHeight: '14px', fontWeight: 600 }
         },
+        sizeXs: {
+            minWidth: '72px',
+            paddingY: '7px',
+            paddingX: '11px',
+            borderRadius: '7px',
+            fontStyles: { fontSize: '13px', lineHeight: '16px', fontWeight: 600 }
+        },
         sizeSm: {
-            minWidth: '86px',
-            paddingY: '8px',
-            paddingX: '12px',
-            fontStyles: { fontSize: '13px', lineHeight: '12px', fontWeight: 600 }
+            minWidth: '88px',
+            paddingY: '9px',
+            paddingX: '11px',
+            fontStyles: { fontSize: '13px', lineHeight: '16px', fontWeight: 600 }
         },
         sizeMd: {
-            minWidth: '92px',
-            paddingY: '8px',
-            paddingX: '12px',
-            fontStyles: { fontSize: '13px', lineHeight: '16px', fontWeight: 600 }
+            minWidth: '100px',
+            paddingY: '10px',
+            paddingX: '15px',
+            fontStyles: { fontSize: '14px', lineHeight: '18px', fontWeight: 600 }
         },
         sizeLg: {
-            minWidth: '98px',
-            paddingY: '10px',
-            paddingX: '16px',
+            minWidth: '112px',
+            paddingY: '12px',
+            paddingX: '15px',
             fontStyles: { fontSize: '14px', lineHeight: '18px', fontWeight: 600 }
         },
         sizeXl: {
-            minWidth: '104px',
+            minWidth: '112px',
             paddingY: '12px',
-            paddingX: '16px',
-            fontStyles: { fontSize: '14px', lineHeight: '19px', fontWeight: 600 }
+            paddingX: '15px',
+            fontStyles: { fontSize: '14px', lineHeight: '18px', fontWeight: 600 }
         }
     },
     iconButton: {
         minWidth: '0px',
-        sizeXxxs: { buttonSize: 16, iconSize: 8, squareBorderRadius: 3 },
-        sizeXxs: { buttonSize: 24, iconSize: 10, squareBorderRadius: 5 },
-        sizeXs: { buttonSize: 30, iconSize: 12, squareBorderRadius: 6 },
-        sizeSm: { buttonSize: 30, iconSize: 14, squareBorderRadius: 6 },
+        sizeXxxxs: { buttonSize: 16, iconSize: 8, squareBorderRadius: 3 },
+        sizeXxxs: { buttonSize: 24, iconSize: 10, squareBorderRadius: 5 },
+        sizeXxs: { buttonSize: 28, iconSize: 12, squareBorderRadius: 6 },
+        sizeXs: { buttonSize: 32, iconSize: 12, squareBorderRadius: 7 },
+        sizeSm: { buttonSize: 36, iconSize: 14 },
         sizeMd: { buttonSize: 40, iconSize: 16 },
-        sizeLg: { buttonSize: 50, iconSize: 20 },
-        sizeXl: { buttonSize: 50, iconSize: 20 },
+        sizeLg: { buttonSize: 44, iconSize: 16 },
+        sizeXl: { buttonSize: 44, iconSize: 16 },
         shapeRound: {
             color: 'var(--spr-icon-01, #F1F1F1)',
             hoverColor: 'var(--spr-icon-01, #F1F1F1)',
@@ -136,16 +151,19 @@ var theme = {
     },
     input: {
         borderRadius: '8px',
-        disabledBorderColor: 'transparent',
-        sizeSm: { paddingX: '12px', paddingY: '8px', fontSize: '12px', lineHeight: '17px' },
-        sizeMd: { paddingX: '12px', paddingY: '10px', fontSize: '14px', lineHeight: '18px' },
-        sizeLg: { paddingX: '16px', paddingY: '11px', fontSize: '16px', lineHeight: '21px' }
+        disabledBorderColor: 'var(--spr-border-03, #646469)',
+        sizeXxxs: { borderRadius: '5px', paddingX: '7px', paddingY: '3px', fontSize: '13px', lineHeight: '16px' },
+        sizeXs: { borderRadius: '7px', paddingX: '11px', paddingY: '6px', fontSize: '14px', lineHeight: '18px' },
+        sizeSm: { paddingX: '11px', paddingY: '8px', fontSize: '14px', lineHeight: '18px' },
+        sizeMd: { paddingX: '11px', paddingY: '10px', fontSize: '14px', lineHeight: '18px' },
+        sizeLg: { paddingX: '11px', paddingY: '10px', fontSize: '14px', lineHeight: '18px' }
     },
     multiSelect: {
-        tagBorderRadius: '8px',
-        sizeSm: { paddingY: '0px', tagHeight: '27px', tagMarginX: '2px', tagMarginY: '3px' },
-        sizeMd: { paddingY: '0px', tagHeight: '32px', tagMarginX: '2px', tagMarginY: '3px' },
-        sizeLg: { paddingY: '2px', tagHeight: '33px', tagMarginX: '2px', tagMarginY: '3px' }
+        sizeXxxs: { paddingX: '2px', paddingY: '1px', tagMarginX: '2px', tagMarginY: '1px' },
+        sizeXs: { paddingX: '4px', paddingY: '2px', tagMarginY: '2px', tagMarginX: '4px' },
+        sizeSm: { paddingX: '4px', paddingY: '4px', tagMarginY: '2px', tagMarginX: '4px' },
+        sizeMd: { paddingX: '4px', paddingY: '6px', tagMarginY: '2px', tagMarginX: '4px' },
+        sizeLg: { paddingX: '4px', paddingY: '6px', tagMarginY: '2px', tagMarginX: '4px' }
     },
     link: { fontSize: '16px', lineHeight: '15px' },
     list: { selectedEnhancerBackground: 'transparent', hoverBackgroundColor: 'var(--spr-ui-05, #3A3A3E)' },
@@ -157,13 +175,7 @@ var theme = {
             positionRightStyles: { marginTop: '12px', marginBottom: '12px' }
         }
     },
-    tag: {
-        borderRadius: '4px',
-        actionButtonBorderRadius: '2px',
-        avatarMarginLeft: '4px',
-        sizeSm: { height: '24px' },
-        sizeLg: { height: '28px' }
-    },
+    tag: { actionButtonBorderRadius: '2px', avatarMarginLeft: '4px' },
     app: {
         header: '#000',
         headerTab: 'rgba(44, 44, 47, 0.6)',

package/hyperspace/dark/utilities.d.ts

@@ -1244,7 +1244,7 @@ declare const _default: {
     'h-px': {
         height: string;
     };
-    'h-1\\/2': {
+    'h-1/2': {
         height: string;
     };
     'h-full': {
@@ -1506,6 +1506,30 @@ 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-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;
@@ -1814,6 +1838,38 @@ 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-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;
@@ -2254,6 +2310,54 @@ declare const _default: {
     'ml-auto': {
         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-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;
     };
@@ -2866,6 +2970,18 @@ declare const _default: {
         paddingLeft: any;
         paddingRight: any;
     };
+    'p-1.5': {
+        paddingTop: any;
+        paddingBottom: any;
+        paddingLeft: any;
+        paddingRight: any;
+    };
+    'p-0.5': {
+        paddingTop: any;
+        paddingBottom: any;
+        paddingLeft: any;
+        paddingRight: any;
+    };
     'p-px': {
         paddingTop: any;
         paddingBottom: any;
@@ -3040,6 +3156,22 @@ declare const _default: {
         paddingLeft: string;
         paddingRight: string;
     };
+    'py-1.5': {
+        paddingTop: string;
+        paddingBottom: string;
+    };
+    'px-1.5': {
+        paddingLeft: string;
+        paddingRight: string;
+    };
+    'py-0.5': {
+        paddingTop: string;
+        paddingBottom: string;
+    };
+    'px-0.5': {
+        paddingLeft: string;
+        paddingRight: string;
+    };
     'py-px': {
         paddingTop: string;
         paddingBottom: string;
@@ -3300,6 +3432,30 @@ declare const _default: {
     'pl-64': {
         paddingLeft: string;
     };
+    'pt-1.5': {
+        paddingTop: string;
+    };
+    'pr-1.5': {
+        paddingRight: string;
+    };
+    'pb-1.5': {
+        paddingBottom: string;
+    };
+    'pl-1.5': {
+        paddingLeft: string;
+    };
+    'pt-0.5': {
+        paddingTop: string;
+    };
+    'pr-0.5': {
+        paddingRight: string;
+    };
+    'pb-0.5': {
+        paddingBottom: string;
+    };
+    'pl-0.5': {
+        paddingLeft: string;
+    };
     'pt-px': {
         paddingTop: string;
     };
@@ -3393,91 +3549,91 @@ declare const _default: {
     'w-px': {
         width: string;
     };
-    'w-1\\/2': {
+    'w-1/2': {
         width: string;
     };
-    'w-1\\/3': {
+    'w-1/3': {
         width: string;
     };
-    'w-1\\/4': {
+    'w-1/4': {
         width: string;
     };
-    'w-2\\/3': {
+    'w-2/3': {
         width: string;
     };
-    'w-2\\/4': {
+    'w-2/4': {
         width: string;
     };
-    'w-3\\/4': {
+    'w-3/4': {
         width: string;
     };
-    'w-1\\/24': {
+    'w-1/24': {
         width: string;
     };
-    'w-2\\/24': {
+    'w-2/24': {
         width: string;
     };
-    'w-3\\/24': {
+    'w-3/24': {
         width: string;
     };
-    'w-4\\/24': {
+    'w-4/24': {
         width: string;
     };
-    'w-5\\/24': {
+    'w-5/24': {
         width: string;
     };
-    'w-6\\/24': {
+    'w-6/24': {
         width: string;
     };
-    'w-7\\/24': {
+    'w-7/24': {
         width: string;
     };
-    'w-8\\/24': {
+    'w-8/24': {
         width: string;
     };
-    'w-9\\/24': {
+    'w-9/24': {
         width: string;
     };
-    'w-10\\/24': {
+    'w-10/24': {
         width: string;
     };
-    'w-11\\/24': {
+    'w-11/24': {
         width: string;
     };
-    'w-12\\/24': {
+    'w-12/24': {
         width: string;
     };
-    'w-13\\/24': {
+    'w-13/24': {
         width: string;
     };
-    'w-14\\/24': {
+    'w-14/24': {
         width: string;
     };
-    'w-15\\/24': {
+    'w-15/24': {
         width: string;
     };
-    'w-16\\/24': {
+    'w-16/24': {
         width: string;
     };
-    'w-17\\/24': {
+    'w-17/24': {
         width: string;
     };
-    'w-18\\/24': {
+    'w-18/24': {
         width: string;
     };
-    'w-19\\/24': {
+    'w-19/24': {
         width: string;
     };
-    'w-20\\/24': {
+    'w-20/24': {
         width: string;
     };
-    'w-21\\/24': {
+    'w-21/24': {
         width: string;
     };
-    'w-22\\/24': {
+    'w-22/24': {
         width: string;
     };
-    'w-23\\/24': {
+    'w-23/24': {
         width: string;
     };
     'w-full': {
@@ -4510,10 +4666,10 @@ declare const _default: {
     '-translate-x-full': {
         '-TransformTranslateX': string;
     };
-    '-translate-x-1\\/2': {
+    '-translate-x-1/2': {
         '-TransformTranslateX': string;
     };
-    'translate-x-1\\/2': {
+    'translate-x-1/2': {
         '-TransformTranslateX': string;
     };
     'translate-x-full': {
@@ -4651,10 +4807,10 @@ declare const _default: {
     '-translate-y-full': {
         '-TransformTranslateY': string;
     };
-    '-translate-y-1\\/2': {
+    '-translate-y-1/2': {
         '-TransformTranslateY': string;
     };
-    'translate-y-1\\/2': {
+    'translate-y-1/2': {
         '-TransformTranslateY': string;
     };
     'translate-y-full': {