@sprinklrjs/spaceweb-themes 10.1.0 → 12.14.4

package/space/light/index.d.ts

@@ -2,7 +2,6 @@ declare const _default: {
     theme: {
         name: string;
         htmlFontSize: string;
-        density: string;
         typography: {
             h1: {
                 fontSize: string;
@@ -244,21 +243,33 @@ declare const _default: {
             };
         };
         multiSelect: {
-            sizeSm: {
+            tagBorderRadius: string;
+            tagFontSize: string;
+            tagLineHeight: string;
+            sizeXxs: {
+                tagBorderRadius: string;
+                paddingY: string;
                 tagHeight: string;
+                tagMarginX: string;
+                tagMarginY: string;
+                tagFontSize: string;
+                tagLineHeight: string;
+            };
+            sizeSm: {
                 paddingY: string;
+                tagHeight: string;
                 tagMarginX: string;
                 tagMarginY: string;
             };
             sizeMd: {
-                tagHeight: string;
                 paddingY: string;
+                tagHeight: string;
                 tagMarginX: string;
                 tagMarginY: string;
             };
             sizeLg: {
-                tagHeight: string;
                 paddingY: string;
+                tagHeight: string;
                 tagMarginX: string;
                 tagMarginY: string;
             };
@@ -528,6 +539,7 @@ declare const _default: {
             10: string;
             11: string;
             12: string;
+            15: string;
             16: string;
             20: string;
             24: string;
@@ -537,6 +549,7 @@ declare const _default: {
             56: string;
             64: string;
             auto: string;
+            '05': string;
             px: string;
             '-1': string;
             '-2': string;
@@ -623,6 +636,7 @@ declare const _default: {
             10: string;
             11: string;
             12: string;
+            15: string;
             16: string;
             20: string;
             24: string;
@@ -631,6 +645,7 @@ declare const _default: {
             48: string;
             56: string;
             64: string;
+            '05': string;
             px: string;
         };
         stroke: {
@@ -2021,7 +2036,7 @@ declare const _default: {
         'h-px': {
             height: string;
         };
-        'h-1\\/2': {
+        'h-1/2': {
             height: string;
         };
         'h-full': {
@@ -2283,6 +2298,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;
@@ -2591,6 +2630,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;
@@ -3031,6 +3102,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;
         };
@@ -3643,6 +3762,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;
@@ -3817,6 +3948,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;
@@ -4077,6 +4224,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;
         };
@@ -4170,91 +4341,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': {
@@ -5287,10 +5458,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': {
@@ -5428,10 +5599,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': {

package/space/light/theme.d.ts

@@ -1,7 +1,6 @@
 declare const _default: {
     name: string;
     htmlFontSize: string;
-    density: string;
     typography: {
         h1: {
             fontSize: string;
@@ -243,21 +242,33 @@ declare const _default: {
         };
     };
     multiSelect: {
-        sizeSm: {
+        tagBorderRadius: string;
+        tagFontSize: string;
+        tagLineHeight: string;
+        sizeXxs: {
+            tagBorderRadius: string;
+            paddingY: string;
             tagHeight: string;
+            tagMarginX: string;
+            tagMarginY: string;
+            tagFontSize: string;
+            tagLineHeight: string;
+        };
+        sizeSm: {
             paddingY: string;
+            tagHeight: string;
             tagMarginX: string;
             tagMarginY: string;
         };
         sizeMd: {
-            tagHeight: string;
             paddingY: string;
+            tagHeight: string;
             tagMarginX: string;
             tagMarginY: string;
         };
         sizeLg: {
-            tagHeight: string;
             paddingY: string;
+            tagHeight: string;
             tagMarginX: string;
             tagMarginY: string;
         };
@@ -527,6 +538,7 @@ declare const _default: {
         10: string;
         11: string;
         12: string;
+        15: string;
         16: string;
         20: string;
         24: string;
@@ -536,6 +548,7 @@ declare const _default: {
         56: string;
         64: string;
         auto: string;
+        '05': string;
         px: string;
         '-1': string;
         '-2': string;
@@ -622,6 +635,7 @@ declare const _default: {
         10: string;
         11: string;
         12: string;
+        15: string;
         16: string;
         20: string;
         24: string;
@@ -630,6 +644,7 @@ declare const _default: {
         48: string;
         56: string;
         64: string;
+        '05': string;
         px: string;
     };
     stroke: {

package/space/light/theme.js

@@ -16,7 +16,6 @@ var theme_1 = require("../../common-theme/theme");
 var theme = {
     name: 'space-light',
     htmlFontSize: '10px',
-    density: 'COMFORTABLE',
     typography: {
         h1: { fontSize: '3.2rem', lineHeight: '4rem', fontWeight: 600 },
         h2: { fontSize: '2.4rem', lineHeight: '3.2rem', fontWeight: 600 },
@@ -42,7 +41,7 @@ var theme = {
     button: {
         borderRadius: '4px',
         variantSecondary: {
-            color: 'var(--spr-text-02, #646470)',
+            color: 'var(--spr-text-02, #434350)',
             hoverBackgroundColor: 'var(--spr-ui-hover, rgba(8, 40, 204, 0.05))',
             activeBackgroundColor: 'var(--spr-ui-focus, rgba(8, 40, 204, 0.07))'
         },
@@ -118,9 +117,21 @@ var theme = {
         sizeLg: { paddingX: '1.2rem', paddingY: '1.2rem', fontSize: '1.3rem', lineHeight: '1.6rem' }
     },
     multiSelect: {
-        sizeSm: { tagHeight: '20px', paddingY: '3px', tagMarginX: '3px', tagMarginY: '3px' },
-        sizeMd: { tagHeight: '24px', paddingY: '3px', tagMarginX: '3px', tagMarginY: '3px' },
-        sizeLg: { tagHeight: '24px', paddingY: '5px', tagMarginX: '3px', tagMarginY: '3px' }
+        tagBorderRadius: '5px',
+        tagFontSize: '14px',
+        tagLineHeight: '18px',
+        sizeXxs: {
+            tagBorderRadius: '3px',
+            paddingY: '0px',
+            tagHeight: '18px',
+            tagMarginX: '2px',
+            tagMarginY: '2px',
+            tagFontSize: '13px',
+            tagLineHeight: '16px'
+        },
+        sizeSm: { paddingY: '0px', tagHeight: '22px', tagMarginX: '2px', tagMarginY: '4px' },
+        sizeMd: { paddingY: '0px', tagHeight: '22px', tagMarginX: '2px', tagMarginY: '6px' },
+        sizeLg: { paddingY: '2px', tagHeight: '22px', tagMarginX: '2px', tagMarginY: '8px' }
     },
     link: { fontSize: '1.3rem', lineHeight: '1.5rem' },
     list: {
@@ -254,7 +265,7 @@ var theme = {
         iconError: 'var(--spr-icon-error, #FF6060)',
         link: 'var(--spr-link, #0828CC)',
         text01: 'var(--spr-text-01, #0A0A14)',
-        text02: 'var(--spr-text-02, #646470)',
+        text02: 'var(--spr-text-02, #434350)',
         text03: 'var(--spr-text-03, #646470)',
         text04: 'var(--spr-text-04, #0828CC)',
         text05: 'var(--spr-text-05, #FFFFFF)',